height：和width相對應
initial-scale：初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。
maximum-scale：允許使用者縮放到的最大比例。
minimum-scale：允許使用者縮放到的最小比例。
user-scalable：使用者是否可以手動縮放
orientation：portrait | landscape
portrait：指定輸出裝置中的頁面可見區域高度大於或等於寬度
landscape：除portrait值情況外，都是landscape
如果 max-width 屬性設定為 100%, 永遠不會大於其原始大小
背景響應式調整大小或縮放
如果 background-size 屬性設定為 「contain」,背景將按比例自適應內容區域。保持其比例不變。
divdivmax-device-width/min-device-width:裝置寬度
關鍵字and將多個**特性結合在一起
@media only screen and (min-width:500px)流式布局也叫百分比布局。把元素的寬,高,margin,padding不再用固定數值,改用百分比,這樣元素的高,margin,padding會根據頁面的尺寸隨時調整，已達到適應當前頁面的目的.
流式布局和響應式布局
常見的面試題會讓你聊一聊流式布局與響應式布局，我還沒遇到過直接問他倆區別的面試官，都是根據我的專案 裡面有用到流式布局 響應式布局 圍繞這兩點感覺網上大部分部落格都長得差不多，那我就用自己粗淺的理解說一下由此展開的一點問題吧。說起流式布局首先就要提到的是老掉牙的固定布局 瀏覽器大小不影響內部元素大小...
理解流式布局和響應式布局
流式布局在css2時代就有，主要是靠百分比 進行排版，可以在不同解析度下顯示 相同的版式。流式布局 網頁中主要的劃分區域的尺寸使用百分數 搭配min max 屬性使用 例如，設定網頁主體的寬度為80 min width為960px。也作類似處理 width 100 max width一般設定為本身的...
靜態布局 自適應布局 流式布局與響應式布局的區別
這兩天，看到別人在群裡問布局特點，發現自己對這方法還是有點模糊，老是忘，於是上網查了下這方面內容，自己總結寫出了，如果有錯誤地方，敬請指正。意思就是只是針對某個螢幕下設計的網頁，當螢幕大小改變時，頁面布局不會發生變化，就像經常所看到的滾動條。特點是分別為不同的螢幕設定布局格式，當螢幕大小改變時，會出...