對于手機(jī)頁面公共的CSS,必須考慮到以下因素:
/*CSS reset以保證頁面在不同手機(jī)瀏覽器或操作系統(tǒng)上的一致性*/ * { margin: 0; padding: 0; box-sizing: border-box; } /*字體大小、顏色和樣式*/ body { font-size: 16px; color: #333; font-family: Arial, sans-serif; } /*去掉鏈接的下劃線和默認(rèn)顏色*/ a { text-decoration: none; color: inherit; } /*按鈕樣式*/ button { display: inline-block; padding: 12px 16px; font-size: 16px; border-radius: 4px; border: none; background-color: #007bff; color: #fff; } /*圖片的響應(yīng)式布局*/ img { max-width: 100%; height: auto; } /*布局*/ .container { max-width: 960px; margin: 0 auto; padding: 0 16px; } /*交互效果*/ button:hover { background-color: #0069d9; }
以上是一些常見的CSS規(guī)則,可作為手機(jī)頁面公共CSS的起點,具體樣式根據(jù)項目需要進(jìn)行修改和添加。