關於頁面自適應的問題
1.static
靜態布局就是傳統的**形式：對於pc設計乙個居中布局，視窗縮小時，內容被遮擋，呈現橫豎向滾動條。對於移動裝置，單獨建立乙個m.網域名稱及相應的移動**。
2.adaptive
自適應布局（adaptive）的特點是分別為不同的螢幕解析度定義布局。布局切換時頁面元素發生改變，但在每個布局中，頁面元素不隨視窗大小的調整發生變化。
3.responsive
響應式布局（responsive）的特點是分別為不同的螢幕解析度定義布局，同時，在每個布局中，應用流式布局的理念，即頁面元素寬度隨著視窗調整而自動適配。
可以把響應式布局看作是流式布局和自適應布局設計理念的融合。
4.liquid
流式布局（liquid）的特點（也叫"fluid") 是頁面元素的寬度按照螢幕進行適配調整，主要的問題是如果螢幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的螢幕上不能正常顯示。
media queries能在不同的條件下使用不同的樣式，使其在終端展現不同的渲染效果。
@media **型別and**特性
viewport 基礎
乙個常用的針對移動網頁優化過的頁面的 viewport meta 標籤大致如下：
width：控制 viewport 的大小，可以指定的乙個值，如果 600，或者特殊的值，如 device-width 為裝置的寬度（單位為縮放為 100% 時的 css 的畫素）。
height：和 width 相對應，指定高度。
initial-scale：初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。
maximum-scale：允許使用者縮放到的最大比例。
minimum-scale：允許使用者縮放到的最小比例。
user-scalable：使用者是否可以手動縮放
頁面自適應
原文 首先，在網頁 的頭部，加入一行viewport元標籤。viewport是網頁預設的寬度和高度，上面這行 的意思是 網頁寬度預設等於螢幕寬度 width device width 原始縮 放比例 initial scale 1 為1.0 即網頁初始大小佔螢幕面積的100 由於網頁會根據螢幕寬度調...
關於Echart自適應的問題
echart官方提供了一套 查詢功能，可以在不同裝置上設定不同的樣式，自適應圖表，但是第一次使用卻發現無論怎麼放大縮小圖表都沒有任何變化，結果重新整理網頁之後才會生效，但是這很顯然是不符合要求的，後來查詢資源發現是使用window,resize可以監聽視窗大小，確實可以用，但是僅限於單個圖表，如果 ...
簡單的頁面自適應
1.頁面元素使用百分比定義其寬度，不使用畫素 頁面引入下面的 頁面按比例縮放 2.根據螢幕大小來改變引入的css 此段 表示 當螢幕大於1200，即螢幕最小為1200時，引入changeone.css 當螢幕小於螢幕小於1100，即螢幕最大為1100時，引入changetwo.css tips 只有...