設(shè)計 網(wǎng)頁設(shè)計里的字體怎么改變rem格式?
網(wǎng)頁設(shè)計里的字體怎么改變rem格式?響應(yīng)式網(wǎng)頁設(shè)計:REM和EM自適應(yīng)設(shè)置網(wǎng)頁的字體大小“REM”指的是根元素(HTML)的字體大小。令人高興的是,他們已經(jīng)預(yù)約從IE6到chrome。根元素的默認(rèn)字體
網(wǎng)頁設(shè)計里的字體怎么改變rem格式?
響應(yīng)式網(wǎng)頁設(shè)計:REM和EM自適應(yīng)設(shè)置網(wǎng)頁的字體大小
“REM”指的是根元素(HTML)的字體大小。令人高興的是,他們已經(jīng)預(yù)約從IE6到chrome。根元素的默認(rèn)字體大小是16px。這樣一個新裝置的兼容性如何?
IE9,F(xiàn)irefox、chrome、Safari和opera的主流版本都支持它。我可以自由使用REM。
EM的計算是基于父元素的,這給實際應(yīng)用帶來了很大的不便。所以REM的出現(xiàn)拯救了像我這樣不會算術(shù)的人。他們不必再擔(dān)心父元素的字體大小,因為它總是基于根元素(HTML)。
例如,默認(rèn)的HTML字體大小=16px,那么我想將12px的文本設(shè)置為:12△16=0.75(REM)
當(dāng)然,您可以引入CSS預(yù)處理工具(SASS、less、stylus等)來自動計算REM值,所以這里我不一一給您舉例。
但是如果像我這樣的懶人或團隊沒有引入CSS預(yù)處理工具呢?我能移動一個計算器嗎?別擔(dān)心。你可以做些改變。讓我們改變默認(rèn)字體大小=10px的HTML計算!像這樣:
html{字體-尺寸:62.5%/*10÷16=62.5%*/}正文{字體-大?。?2px字體大小:1.2rem/*12÷10=1.2*/}p{字體-大?。?4px字體大小需要注意的是,為了與不支持rem的瀏覽器兼容,我們需要在rem前面寫上相應(yīng)的PX值,因此,不支持REM的瀏覽器可以正常降級。其實,不用太擔(dān)心。這是默認(rèn)字體-尺寸:100%,或設(shè)置為字體-尺寸:62.5%如果引入CSS預(yù)處理工具,自然可以使用默認(rèn)值。如果您出于其他原因使用字體-尺寸:62.5%可以重置正文中的默認(rèn)字體大小。
網(wǎng)頁設(shè)計主要干什么的?
網(wǎng)頁設(shè)計的說法不準(zhǔn)確。隨著科技的不斷發(fā)展精細(xì)化,網(wǎng)頁設(shè)計有了更加細(xì)致的分工。筆者將其分為以下三類:第一,網(wǎng)頁視覺設(shè)計。通常,這類人才具有較強的審美意識和藝術(shù)技能。它們可以解決色彩搭配和視覺舒適的問題。更多的頁面可以知道什么樣的設(shè)計可以帶來視覺沖擊,比如廣告和促銷頁面。
2、網(wǎng)頁設(shè)計的前端部分。他們主要負(fù)責(zé)將草稿和原始設(shè)計裁剪成真實的網(wǎng)頁。達到所需的特殊效果。并負(fù)責(zé)后端數(shù)據(jù)對接??梢允鬼撁妗盎钴S”。
3、網(wǎng)頁的后端設(shè)計。我認(rèn)識程序員,負(fù)責(zé)業(yè)務(wù)邏輯的實現(xiàn),堆代碼。他們負(fù)責(zé)各種數(shù)據(jù)的集成、計算、傳輸和存儲。它們實現(xiàn)了你看不見但必須使用的功能。然后與前端連接。這樣一套完整的網(wǎng)頁設(shè)計流程就完成了。