UniApp平板@media only screen失效解决方法
在UniApp中,使用'@media only screen'可以根据屏幕尺寸调整样式,但是在平板上可能会失效,这是因为平板的屏幕尺寸较大,而默认情况下UniApp是基于手机端的布局来设计的。
为了解决这个问题,可以使用'@media (min-width: 768px)'来定义平板的样式,其中768px是平板的最小宽度,默认情况下,大于等于768px的屏幕都会应用这个样式。
例如:
@media (min-width: 768px) {
.container {
width: 800px;
margin: 0 auto;
}
}
这样就可以在平板上正确应用样式了。
原文地址: http://www.cveoy.top/t/topic/mI8X 著作权归作者所有。请勿转载和采集!