鍍金池/ 問答/HTML5  iOS  HTML/ 我做的H5頁(yè)面兼容移動(dòng)端,在Android上面可以正常顯示移動(dòng)端頁(yè)面,但是在io

我做的H5頁(yè)面兼容移動(dòng)端,在Android上面可以正常顯示移動(dòng)端頁(yè)面,但是在ios上面還是顯示的pc端頁(yè)面

圖片描述

這事ios上面顯示的樣式,顯示的結(jié)果是pc端的樣式。我在js文件中用
var nWidth = window.innerWidth || document.documentElement.clientWidth;

if(nWidth > 500){
    alert('pc寬度')
}else{
    alert('miblie寬度')
}
輸出的結(jié)果是‘pc寬度’,扎心了老鐵,要誰(shuí)知道這是怎么回事嗎
回答
編輯回答
忠妾

window.innerWidth 返回窗口的文檔顯示區(qū)的寬度
也就是說(shuō) 比如你的頁(yè)面上只有一個(gè) div 寬是1000px那么你在頁(yè)面下面window.innerWidth獲取的就是10008,1000+body.margin

2018年9月10日 00:06
編輯回答
舊言

js 判斷移動(dòng)端還是pc端了解一下。你用設(shè)備尺寸判斷肯定是不完全匹配的。
clipboard.png

2018年8月13日 15:54
編輯回答
熊出沒

你是不是沒設(shè)置<mate>信息
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=no">

2017年6月26日 00:35
編輯回答
朕略傻

謝謝給位大佬,問題解決了,還是自己的頁(yè)面布局有問題,感覺ios對(duì)H5的要求要高于Android

2018年3月29日 19:01