優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利

企業(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)文章