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