今天做了一个手机站,然后用自己的手机访问自己的网站,发现没什么bug,但是用谷歌浏览器模拟苹果手机浏览的时候出现了问题,那个屏幕过大,底下会出现一个滚动条,自己就奇怪了,自己的宽度和最大宽度都限制在320像素之内了,但是还是出现这个,然后自己就把制作的一个html一个个标签去除,以防止有可能别的浮动扩大了容器的宽度,但是还是弄到最后只有一个html标签的时候还是会出现这种现象,这个时候才知道原来手机站必须要在标头上面

 <meta content="width=device-width,user-scalable=no" name="viewport" /> 
 <meta name="apple-mobile-web-app-capable" content="yes" />

这样才不会出现说下面出现轮动条。

自己是这样子想的,你没这个标签,然后手机浏览器就把这个html用pc站的解析器来进行解析,然后缩放大小和打开pc站的大小一样。所以就会出现底下的滚动条,就好像浏览pc站一样,这个和你说明该网页的宽度多少无关(有些会把这个解析成手机网页)但是保险起见,还是加上这个标头!

相关文章:

  • 暂无相关文章