一、手機瀏覽器預設為我們做的兩件事情：
1.頁面渲染在乙個980px(ios)/640(aniord)的viewport裡面（為了排版正確）
2、預設縮放
二、三、不定寬高的水平垂直居中：
方法1：box
方法2 ：flex版：
box四、響應式設計：
**查詢(根據不同的螢幕寬度，設定不同的css樣式，顯示或隱藏等)
響應式：
img五、1畫素邊框：
同樣是retina螢幕下，根本原因：1px使用2dp渲染。
解決方法：border:0.5px(但僅僅ios8可以用)
更好的方法：scaley(.5)
lili:bofore
六、相對單位：
rem的基值設定：
rem=screen.width/10;
//預設320px
html
//iphone6
@media(min-device-width:375px)
}//iphone6 plus
@media(min-device-width:414px)
}建議：一般情況下，文字和一些固定元素，最好使用px
單行文字溢位...
txt多行文字溢位...
text
七、事件：為什麼移動裝置上不使用click事件---有300ms延遲 怎麼破？
使用tap代替click事件：zepto封裝
原理：在touchstart /touchend時，記錄時間和手指位置，然後進行比較，如果位於同一位置且時間較短（<200ms）,且未觸發touchmove，即可認為tap事件，即移動裝置上的click。
click事件觸發過程：
touchstart--touchend--300ms--click觸發
tap事件過程：
touchstart--touchend--tap觸發
點透發生過程：
touchstart(點選蒙層)--touchend(蒙層消失)--300ms--target為btn,click觸發
區域性滾動開啟彈性滾動：
body
響應式布局學習總結
需要注意的問題 responsive design，意在實現不同螢幕解析度的終端上瀏覽網頁的不同展示方式。通過響應式設計能使 在手機和平板電腦上有更好的瀏覽閱讀體驗。例如，您先在計算機顯示器上瀏覽乙個 然後在智慧型手機上瀏覽，智慧型手機的螢幕尺寸遠小於計算機顯示器，但是你卻沒有感覺到任何差別，兩者的...
響應式總結
一 響應式頁面 1 響應式 的兩種形式 2 響應式 的兩種技術 二 螢幕大小分類 1 超小螢幕 手機，小於768px 2 小螢幕 平板，大於等於768px media max width 992px 3 中等螢幕 桌面顯示器，大於等於992px media min width 992px 4 大螢幕...
響應式布局總結
言歸正傳，博主因為是刨根問底攔不組的，所以在此就往響應式設計的祖墳上刨，深入了解下這四個步驟。1.布局及設定meta標籤 當建立乙個響應式 或者非響應式 變成響應式的時候，首先要關注元素的布局。我在建立響應式布局的時候習慣先寫非響應式布局，頁面固定寬度大小，我覺得這個對在座的各位沒有任何難度。如果完...