我做的H5页面兼容移动端，在Android上面可以正常显示移动端页面，但是在ios上面还是显示的pc端页面

Question

这事ios上面显示的样式，显示的结果是pc端的样式。我在js文件中用
var nWidth = window.innerWidth || document.documentElement.clientWidth;

if(nWidth > 500){
    alert('pc宽度')
}else{
    alert('miblie宽度')
}
输出的结果是‘pc宽度’，扎心了老铁，要谁知道这是怎么回事吗

Answer 1

js 判断移动端还是pc端了解一下。你用设备尺寸判断肯定是不完全匹配的。

Answer 2

window.innerWidth 返回窗口的文档显示区的宽度
也就是说 比如你的页面上只有一个 div 宽是1000px那么你在页面下面window.innerWidth获取的就是10008,1000+body.margin

Answer 3

你是不是没设置<mate>信息
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=no">

Answer 4

谢谢给位大佬，问题解决了，还是自己的页面布局有问题，感觉ios对H5的要求要高于Android

Answer 5

请问一下你那个h5页面在ios显示不正常是怎么处理的，我的pc页面在ios上缩小了，加了meta他又放大了

Answer 6

请问怎么解决的，求大佬指点，我也遇到了这个问题，很难受。