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