h5网页应用在手机浏览器打开是正常的当时在电脑浏览器打开是就会出现布局错乱的问题
解决办法:
我是用uniapp开发的,将下面代码放在App.vue就可以生效,你们如果不是就放在公共样式里就行
@media only screen and (min-width: 500px) {
page {
//background-color: red !important;
width: 500px;
margin: 0 auto;
}
}
这里是通过媒体查询如果窗口超过500px就把每个页面的page宽度写死500px并居中