1. 盡量用 width % 比 來代替 width px (高度也是)

2. font-size 用 rem

3. div wrap外層 用 max-width 取代 width (不要有x軸出現)

4. 排版 : 外層 relative 內層 absolute 讓 absolute 跟著 relative 移動 方便排版

5. 單獨 relative 排版

6. 單獨 absolute 排版 (對齊左上角 0 .0 座標)


7. left 和 right交替使用 , 盡量用到 % 百分比

8. 如果手機或桌機 有x軸出現 一次把一個區域的 div 都刪除 慢慢確認 就知道原因在哪了

9. input button 等 元素長度 可以多用 % 百分比的話 就多用 畢竟很方便

10. 可以參考W3C 裡面有很多範例 很好用

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 湯尼 的頭像
    湯尼

    湯尼的部落格

    湯尼 發表在 痞客邦 留言(0) 人氣()