安卓和ios css簡單解決 手機端左右晃動的問題

添加樣式:

? ?height:?100%;?

??overflow-x:?hidden;





經(jīng)查詢,這是iOS瀏覽器針對網(wǎng)站做的適配,原本是沒有必要解決的。

結(jié)果,測試說體驗不好,(安卓沒有這個問題),領(lǐng)導(dǎo)也覺的不好,于是讓我想辦法優(yōu)化

經(jīng)查詢,網(wǎng)上有說在body設(shè)置overflow:hidden的,但是我設(shè)置了沒有

也有說在HTML,設(shè)置position:fixed,top:0;left:0;但是這種情況的話,會出現(xiàn),上下滑動,根本滑不了的問題。

最后找到了一個方法,我直接把這個代碼丟上來好了。建議可以再nav的組件的css中直接引入這段css,或者全局css中引入這個方法。

{

padding: 0;

margin: 0;

box-sizing: border-box;

}

html {

position: relative;

height: 100%;

overflow: auto;

-webkit-overflow-scrolling: touch;

}

body {

position: absolute;

top: 0;

left: 0;

}

大家如果遇到這個問題,可以試試

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容