關于div+CSS排版的疑問_html/css_WEB-ITnose
來源:懂視網
責編:小采
時間:2020-11-27 16:35:34
關于div+CSS排版的疑問_html/css_WEB-ITnose
關于div+CSS排版的疑問_html/css_WEB-ITnose:本來剛開始接觸web開發,現在在使用div+css進行排版的時候有一個困惑,如果用百分比對div進行高度設定,那么網頁會隨縮放變形,感覺不可取。但是用數值進行設定的話,該怎么確定總高度值呢?如果在我的電腦上合適的,在分辨率更高的電腦上,下面不是會空出來
導讀關于div+CSS排版的疑問_html/css_WEB-ITnose:本來剛開始接觸web開發,現在在使用div+css進行排版的時候有一個困惑,如果用百分比對div進行高度設定,那么網頁會隨縮放變形,感覺不可取。但是用數值進行設定的話,該怎么確定總高度值呢?如果在我的電腦上合適的,在分辨率更高的電腦上,下面不是會空出來

本來剛開始接觸web開發,現在在使用div+css進行排版的時候有一個困惑,如果用百分比對div進行高度設定,那么網頁會隨縮放變形,感覺不可取。但是用數值進行設定的話,該怎么確定總高度值呢?如果在我的電腦上合適的,在分辨率更高的電腦上,下面不是會空出來一段,顯然很難看啊。一般是怎么解決這個問題的呢?是用javascript根據具體情況動態設定么?求大牛們解惑,謝謝啦!
回復討論(解決方案)
一個背景平鋪占滿整個屏幕,主題內容一般寬度在1200-1300左右,高度由內容而定。這個問題一般UI會幫你考慮的,做前端的話,關注好代碼邏輯性就行~(但不代表不去接觸UI,什么都該了解一點的~)
一個背景平鋪占滿整個屏幕,主題內容一般寬度在1200-1300左右,高度由內容而定。這個問題一般UI會幫你考慮的,做前端的話,關注好代碼邏輯性就行~(但不代表不去接觸UI,什么都該了解一點的~)
謝謝,我這不是正想了解嘛~~所以一般是怎么處理的呢?是不是要用的更高級的css技術?比如我看類似bootstrap有自適應什么的?~求稍微多指點一下
bootstrap 就是對各種可能遇到的布局問題進行優化,你只需要記住它的類名,看一下它的api,就知道怎么使用,非常方便。而且有許多交互也都寫好了,直接調用就好了。
1 底色盡量用在最底層,以及內容可能最長的一層
2 實在要設置高度的話, { min-height: xxxpx;_height:xxxpx}
3 要用js的話 比較 document.body.clientHeight||document.documentElement.clientHeight 和 .scrollHeight 的差動態設置,還要捕捉resize()事件,效果不一定好.
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
關于div+CSS排版的疑問_html/css_WEB-ITnose
關于div+CSS排版的疑問_html/css_WEB-ITnose:本來剛開始接觸web開發,現在在使用div+css進行排版的時候有一個困惑,如果用百分比對div進行高度設定,那么網頁會隨縮放變形,感覺不可取。但是用數值進行設定的話,該怎么確定總高度值呢?如果在我的電腦上合適的,在分辨率更高的電腦上,下面不是會空出來