CSS 技巧

慎用CSS屬性：

• overflow
• position:fixed(iphone safari確定不支援)
• font-size: 用small, medium, large，最好不要用px設死
• margin與padding的算法可能有個別差異

box model的處理

手機版網頁在自動適應畫面寬度時，目前標準的padding算法會是個困擾，因為如果width:100%，加上padding可能就破版了，但不使用width:100%又很難估計內容的實際寬度。這時可考慮回復到IE6模式，把border和padding的移到box內部，如此一來宣告width為100%就能保證不破版。

div{      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */      -moz-box-sizing: border-box;    /* Firefox, other Gecko */      box-sizing: border-box; }

*註:border-box是IE6的模式，content-box是目前的標準模式

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}