經驗一Html頁面在手機端出現右邊空白(老大:張國輝)


 

電腦端的縮小屏幕后有內容超出。

我的思路:

1,哪里超出就調整哪個模塊。結果:元素是不超出,但是右邊還是留白。

2, 在調試的時候發現:width: fit-content;  好像可以,但是在電腦端屏幕又不行了。

 

分析:

1,原因是什么導致的呢?網上說:Html頁面在手機端出現右邊空白是因為:body里有一個div把頁面撐寬了,就是兒子的寬度比父親,或者祖輩大就會出現這種 情況網頁右側留白

,用:內部div最好不要定寬(可以定高),盡量用百分比。

 

老大分析:

把元素刪除看看到底是哪個元素引起的,然后,全部都刪了,還是有,那就是body/html的事情了。

他用了:body{ width: 100%; min-width: 1120px;},就可以了。(說明:1120是其中一個子元素的寬度)。最小寬度不能小於子元素的最大寬度。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM