手机浏览pc页面出现空白

2018-8-30    分类: 前端资源

手机 移动端 浏览 访问pc页面问题

当我们做pc网站时候调试都是在电脑上,但是当用手机浏览页面时就会出现,如以下:

 

解决:

@media screen and (max-width: 1201px) {
 html {
   width:1200px; margin:0 auto;
 }
}

当手机浏览pc页面时如果屏幕小于1201px就强制html的宽度设置为1200px。

 

效果:

比之前好多了。