說明：手機瀏覽器是把頁面放在乙個虛擬的"視窗"（viewport）中
width 設定layout viewport 的寬度，為乙個正整數，或字串"width-device"
initial-scale 設定頁面的初始縮放值，為乙個數字，可以帶小數
minimum-scale 允許使用者的最小縮放值，為乙個數字，可以帶小數
maximum-scale 允許使用者的最大縮放值，為乙個數字，可以帶小數
height 設定layout viewport 的高度，這個屬性對我們並不重要，很少使用
user-scalable 是否允許使用者進行縮放，值為"no"或"yes", no 代表不允許，yes代表允許
css3 響應式設計
多列 column count 設定列的個數，可以把一行文字分割成設定的列的個數。如果設定了列的寬度，當列的最小寬度和不夠總寬度的時候，列的數量就會縮小 column width 可以設定列的最小寬度 column span 可以設定列的橫跨數量 常用於設定標題，值為1或者all column ru...
css3響應式布局
1 分界點 超小螢幕xs 移動裝置 768px以下 小屏裝置sm 768px 992px 中等螢幕md 992px 1200px 寬屏裝置lg 1200px以上 2 語法 media screen and max width 768px stylesheet href css a.css style...
css3響應式神器
大家經常為遇到類似卡片的設計稿，如果卡片與卡片之間沒有距離，如 那寫width 33.33 是沒有什麼問題的 那如果是以下這種情況呢 與之間的距離是 20px，那響應式處理起來難免麻煩。雖然可以通過 js 計算寬度解決，或者修改布局使用 box sizing 解決。但是這些方法難免會讓寶寶心裡奔潰 ...