企業(yè)做網(wǎng)站頁面寬度與字體的相對值設(shè)置
日期 : 2020-06-02 17:38:12
頁面寬度與字體的相對值設(shè)置。在正常的設(shè)計中，需要按照屏幕大小來自動調(diào)整頁面布局情況，所以在頁面寬度以及字體的設(shè)置上，不能將其設(shè)置為絕對值，而是要設(shè)置為相對數(shù)值，這樣才能保證系統(tǒng)具有更強(qiáng)的適應(yīng)能力。其中在頁面寬度的設(shè)置上，不能采用固定像素值，而是要使用相對數(shù)值的自動值或者百分比模式，在代碼的選擇上采用“wadth;auto”模式等。在字體的設(shè)計上不能選擇絕對大小的像素值，也不建議使用相對值em，這是因為em在字體的設(shè)定中采用了“繼承父級元素”的模式，所以若采用這種模式將會導(dǎo)致代碼的嵌套層次很多，用戶也難以把握字體大小。所以為了滿足用戶信息交流的要求，在字體設(shè)置上可以采用相對值rem模式，rem是CSS3中新增的一個相對單元，在單元功能的設(shè)計上充分參照了HTML根元素，所以在設(shè)計期間只需要設(shè)置HTML根元素大小，這樣就能讓整個頁面中的所有字體大小都發(fā)生變化，本文所設(shè)置的頁面默認(rèn)字體大小為16px，用戶可以根據(jù)頁面的字體調(diào)整功能靈活調(diào)整字體的大小。
相關(guān)文章
精彩導(dǎo)讀
熱門資訊
