鍍金池/ 問答/HTML5  HTML/ 移動端同樣的分辨率, web 頁面的表現(xiàn)卻出現(xiàn)了不一致,這到底是什么原因

移動端同樣的分辨率, web 頁面的表現(xiàn)卻出現(xiàn)了不一致,這到底是什么原因

一個 H5 移動端頁面,適配是這么寫的

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

最近測試報告說有兼容問題,在 ViVo 的手機上寬度表現(xiàn)不正常,元素出現(xiàn)了不正確的換行。測試表明公司的兩臺 Vivo,X7 和 X9 都不正常,且不正常的表現(xiàn)完全一樣。在更換了多家瀏覽器后,發(fā)現(xiàn)表現(xiàn)出一致的不正常顯示特征,因此不應該是瀏覽器問題。于是換其它廠家的 19201080 分辨率手機測試(vivo的那兩臺手機分辨率都是19201080),均工作正常。覺得非常奇怪,這分辨率一樣還能出現(xiàn)顯示適配問題?這是什么原理?

補充,百無聊賴用 PC 的 google chrome 瀏覽器的移動設備模擬測試這個頁面,發(fā)現(xiàn)當把移動設備切換到 Iphone5 的時候,頁面出現(xiàn)異常,且異常特征和 Vivo 下的一致。

目前想不明白原因,請高手指點
正常的

不正常

回答
編輯回答
愚念

你是怎么適配的? 怎么個不正常 換行?

2017年10月23日 04:54
編輯回答
我以為

哥,下次請把截圖附上,不然我們怎么知道怎么不正常的換行。

2018年1月16日 20:10
編輯回答
念初

移動端分辨率一樣說明不了什么問題,起碼得再加上DPR和Webview才能開始聊。

2017年12月13日 16:29