鍍金池/ 問答/HTML5  網(wǎng)絡安全  HTML/ 網(wǎng)頁meta設置了width=device-width,有的手機上卻能左右滑動

網(wǎng)頁meta設置了width=device-width,有的手機上卻能左右滑動

明明設置了<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">但有的手機網(wǎng)頁并不等于設備寬,網(wǎng)頁還是會左右晃動為什么??求大神?。。?!

回答
編輯回答
何蘇葉

viewport是視口,以設備寬度作為視口寬度的含義是頁面的最外層寬度與手機保持一致。但是如果內(nèi)容包含大于手機寬度的內(nèi)容,可不是得左右劃才能看得到嗎

2017年2月21日 10:58
編輯回答
壞脾滊

也許是你的頁面里有些內(nèi)容的寬度設置了定寬,而這個定寬的寬度大于當前頁面的最大值,超出了屏幕,所以頁面會左右滑動。

2017年3月22日 08:34
編輯回答
荒城

該meta標簽的作用是讓當前viewport的寬度等于設備的寬度,初始頁面寬度等于1倍設備寬度,同時不允許用戶手動縮放。initial-scale屬性控制頁面最初加載時的縮放等級。maximum-scale、minimum-scale及user-scalable屬性控制允許用戶以怎樣的方式放大或縮小頁面。 有的時候如果頁面內(nèi)部的某些元素大于設備寬度,也會導致頁面左右滾動,這屬于css布局的問題。

2017年2月3日 11:15