首頁猿問網(wǎng)頁布局錯亂

網(wǎng)頁布局錯亂

Html/CSS

qq_C弦_0 2017-10-25 22:00:17

對于大神們很簡單吧，就是我在公司用電腦做出的網(wǎng)頁，在筆記本打開布局錯亂，現(xiàn)在就差響應(yīng)式了吧，如何在不用修改太多代碼就讓錯亂的網(wǎng)頁自動根據(jù)屏幕的大小布局不變呢，或者只要不用重新建設(shè)網(wǎng)站就好。。。。。

查看完整描述

5 回答

慕哥3251431

TA貢獻1條經(jīng)驗獲得超0個贊

使用媒體查詢

反對回復(fù) 2017-11-18

慕spring

TA貢獻38條經(jīng)驗獲得超4個贊

簡單點，就是把所有固定寬度的地方，改成百分比，比如左側(cè)30%，右側(cè)70%，這樣就行了

反對回復(fù) 2017-11-01

_____Roddy

TA貢獻8條經(jīng)驗獲得超2個贊

用Bootstrap寫就可以

反對回復(fù) 2017-10-30

FSYu

TA貢獻152條經(jīng)驗獲得超59個贊

做成響應(yīng)式的就好了啊

反對回復(fù) 2017-10-26

qq_C弦_0
能具體些嗎？小白一個，請見諒

回復(fù) 2017-10-26
FSYu
@media兼容不同的屏幕大小，或者就用bootstrap，它的柵欄系統(tǒng)可以適應(yīng)不同設(shè)備，這兩個方法你去百度一搜，一大堆

回復(fù) 2017-10-26

牛奶老哥哥

TA貢獻204條經(jīng)驗獲得超92個贊

對啊，屏幕大小和分辨率的問題

反對回復(fù) 2017-10-26

qq_C弦_0
請問怎么解決

回復(fù) 2017-10-26
牛奶老哥哥
有幾種方法吧:1.將外層容器設(shè)定一個定死的寬度,這樣無論在大屏小屏樣式都不會變,缺點很明顯,在小屏?xí)霈F(xiàn)滾動條. 2.設(shè)置樣式的時候?qū)捀哂冒俜直葋碓O(shè)置,這樣可以隨著網(wǎng)頁的大小來改變,自己寫的話考慮到很多條件也比較麻煩,可以使用現(xiàn)成的響應(yīng)式css框架Bootstrap,它的柵格布局.

回復(fù) 2017-10-26

關(guān)注