CSS在手機(jī)端的應(yīng)用越來(lái)越廣泛,因?yàn)槭謾C(jī)的屏幕尺寸相對(duì)于電腦來(lái)說(shuō)較小,所以在編寫CSS時(shí)需要注意以下幾點(diǎn):
/*1.使用meta標(biāo)簽控制viewport*//*2.使用EM或者REM單位*/ .box{ font-size: 1rem; padding: 0.5em; } /*3.使用媒體查詢*/ @media screen and (max-width: 768px){ .box{ font-size: 0.8rem; padding: 0.4em; } } /*4.去掉默認(rèn)樣式*/ *{ margin: 0; padding: 0; box-sizing: border-box; } /*5.使用flex布局*/ .container{ display: flex; justify-content: center; align-items: center; } /*6.使用CSS3屬性*/ .box{ border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.5); transform: rotateY(180deg); }
以上是CSS在手機(jī)端應(yīng)用時(shí)需要注意的幾點(diǎn),通過(guò)控制viewport、使用EM或REM單位、媒體查詢、去掉默認(rèn)樣式、使用flex布局和CSS3屬性可以使手機(jī)端的網(wǎng)頁(yè)更美觀,更符合用戶體驗(yàn)。
上一篇css怎么寫三角代碼