uniapp rpx自适应最大宽度 960px后失效

最新推荐文章于 2024-05-22 07:04:59 发布

言念丨

最新推荐文章于 2024-05-22 07:04:59 发布

阅读量3.2k

点赞数 1

分类专栏： uniapp 文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_43457011/article/details/123802079

版权

uniapp 专栏收录该内容

4 篇文章

订阅专栏

uniapp rpx 自适应超过960px时失效
小于 960px 时
在这里插入图片描述
大于960px时失效

只能自己再配置了，我用的是媒体查询
小于960px时

大于960px时

@media screen and (min-width: 960px) {
		.content {
			margin: auto;
			display: flex;
			flex-flow: column;
			justify-content: center;
			width: 80%;
			background-color: pink;
		}
		.flex{
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: center;
		}
	}