電腦端的縮小屏幕后有內容超出。
我的思路:
1,哪里超出就調整哪個模塊。結果:元素是不超出,但是右邊還是留白。
2, 在調試的時候發現:width: fit-content; 好像可以,但是在電腦端屏幕又不行了。
分析:
1,原因是什么導致的呢?網上說:Html頁面在手機端出現右邊空白是因為:body里有一個div把頁面撐寬了,就是兒子的寬度比父親,或者祖輩大就會出現這種 情況網頁右側留白
,用:內部div最好不要定寬(可以定高),盡量用百分比。
老大分析:
把元素刪除看看到底是哪個元素引起的,然后,全部都刪了,還是有,那就是body/html的事情了。
他用了:body{ width: 100%; min-width: 1120px;},就可以了。(說明:1120是其中一個子元素的寬度)。最小寬度不能小於子元素的最大寬度。