關(guān)于div+CSS排版的疑問(wèn)_html/css_WEB-ITnose
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 16:35:34
關(guān)于div+CSS排版的疑問(wèn)_html/css_WEB-ITnose
關(guān)于div+CSS排版的疑問(wèn)_html/css_WEB-ITnose:本來(lái)剛開(kāi)始接觸web開(kāi)發(fā),現(xiàn)在在使用div+css進(jìn)行排版的時(shí)候有一個(gè)困惑,如果用百分比對(duì)div進(jìn)行高度設(shè)定,那么網(wǎng)頁(yè)會(huì)隨縮放變形,感覺(jué)不可取。但是用數(shù)值進(jìn)行設(shè)定的話,該怎么確定總高度值呢?如果在我的電腦上合適的,在分辨率更高的電腦上,下面不是會(huì)空出來(lái)
導(dǎo)讀關(guān)于div+CSS排版的疑問(wèn)_html/css_WEB-ITnose:本來(lái)剛開(kāi)始接觸web開(kāi)發(fā),現(xiàn)在在使用div+css進(jìn)行排版的時(shí)候有一個(gè)困惑,如果用百分比對(duì)div進(jìn)行高度設(shè)定,那么網(wǎng)頁(yè)會(huì)隨縮放變形,感覺(jué)不可取。但是用數(shù)值進(jìn)行設(shè)定的話,該怎么確定總高度值呢?如果在我的電腦上合適的,在分辨率更高的電腦上,下面不是會(huì)空出來(lái)

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