如今手機(jī)已經(jīng)成為大家生活的必需品,手機(jī)瀏覽器也成為了日常生活中最常用的軟件之一。在手機(jī)瀏覽器中,網(wǎng)頁的CSS樣式顯得尤為重要,因?yàn)樗P(guān)系到網(wǎng)頁的可讀性與用戶體驗(yàn)。
body { font-size: 16px; /*設(shè)置字體大小*/ color: #333; /*設(shè)置字體顏色*/ font-family: "Microsoft Yahei"; /*設(shè)置字體*/ } .container { width: 100%; /* 容器寬度為 100% */ margin: 0 auto; /* 居中顯示 */ } .header { height: 50px; /*設(shè)置頭部高度*/ background-color: #4285f4; /*設(shè)置背景色*/ text-align: center; /*文字居中*/ color: #fff; /*文字顏色*/ line-height: 50px; /*文字行高*/ font-size: 20px; /*文字大小*/ } .content { padding: 10px; /*內(nèi)邊距*/ font-size: 14px; /*字體大小*/ line-height: 1.5; /*行高*/ text-align: justify; /*文字對(duì)齊方式*/ } .footer { height: 50px; /*設(shè)置底部高度*/ background-color: #f2f2f2; /*設(shè)置背景色*/ text-align: center; /*文字居中*/ color: #333; /*文字顏色*/ line-height: 50px; /*文字行高*/ }
上面這段 CSS 代碼是一個(gè)簡單的網(wǎng)頁布局樣式,其中包括了網(wǎng)頁的頭部、正文內(nèi)容和底部。這些樣式可以讓網(wǎng)頁在手機(jī)屏幕中有良好的顯示效果。
需要注意的是,在使用 CSS 樣式時(shí),還需要兼容不同的瀏覽器和不同的設(shè)備。因此,調(diào)試好的 CSS 樣式也需要進(jìn)行相應(yīng)的適配和測試,以確保最終的效果。