縮小瀏覽器視窗,拉動底部滾動條,出現背景缺失問題

2021-08-11 04:35:49 字數 674 閱讀 4467

最近仿了乙個靜態頁面,因為目前還沒學到js,所以只用了html和css。

body部分沒設定固定寬高,在寫完以後我縮小瀏覽器視窗,拖動底部滾動條,發現背景有一部分缺失。如下圖:

真的很影響美觀,我認為這可能是瀏覽器的乙個bug。

隨後我在css**的body部分加了乙個「min-width」(因為footer的寬繼承於body,所以我就直接加在body處)。

下圖是加了以後的css**:

加了以後顯示沒問題了

這個min-width的數值我取的是我瀏覽器的寬度。

後來上網查了一下,有人說js可以解決這類問題,但是目前還沒學到,所以就只能用這個湊合吧,下一步就打算開始學習js。

路漫漫其修遠兮,作為乙個剛剛開始接觸前端的菜鳥,這個部落格用來記錄我在平時遇到的一些問題和心得,也算是做做總結,積累經驗。如果有哪位大神看了以後覺得有一些意見和建議,歡迎指出,我也會虛心學習!

瀏覽器滾動條

做 時發現登入成功後瀏覽器滾動條消失無法滾動頁面 通過觀察和除錯,發現是強制隱藏了bootstrap的模態框後,body的overflow變為了hidden,同時也多了乙個17px的右內邊距,無法呼叫出垂直滾動條,解決方案 隱藏模態框的同時設定body的overflow為scroll,同時取消右內邊...

iframe滾動條充當瀏覽器滾動條

在做部落格專案的時候,使用了iframe,方便根據選擇的文章類別切換顯示的內容,但是文章一般都有很多,通過bootstrap的 列表的方式顯示的話,iframe是一定會出現滾動條的,特別是我新增了乙個 滾動條觸底之後動態載入更多的文章 的功能。這樣頁面上就會有兩個滾動條,特別奇怪。在網上學習了一些之...

瀏覽器滾動條相關

先去mdn 檢視這兩個概念 scrollheight 以及 clientheight 1,判斷是否存在滾動條 if element.scrollheight element.clientheight 0 2,判斷乙個容器滾動條,沒有在最上面,怎麼判斷 if element.scrolltop 0 3...