有幾種，利用meta標簽百分比法使用CSS3單位rem媒體查詢利用meta標簽 Meta標簽主要用來描述一個HTML網頁文檔的屬性，如作者日期時間網頁描述關鍵詞頁面刷新等，它的Description和Keywords屬性，可加入網站的關鍵字；但是，就像上面媒體查詢例子，Sass 直接忽略變量賦值， 意味著這種事是不可能的他輸出的body fontsize 1em 預處理器變量不繼承 雖然繼承是級聯的一部分，但是我還是要提一下，因為很多次我想使用這個功能都未能用成 有一種。

媒體查詢從 CSS 版本 2 開始，就可以通過媒體類型在 CSS 中獲得媒體支持如果曾經使用過打印樣式表，那么您可能已經使用過媒體類型清單 1 展示了一個示例清單 1 使用媒體類型ltlink rel=quotstylesheetquot type=quottextcss；關鍵的地方用用，能不用就不用，用多了代碼冗余，非常不好維護，如果大面積用，相當于一個模塊就有多了幾倍的代碼，如果頁面數據量大，很影響性能的如果產品更注重性能和速度，還是需要放棄一些更完美的視覺體驗的。

媒體查詢寫在CSS樣式代碼的最后，CSS是層疊樣式表，在同一特殊性下，靠后的的樣式會重疊前面的樣式 4怎樣使用media 一首先需要在html文檔中添加以下代碼，用來兼容移動設備的顯示效果 ltmeta name=quotviewport content=quotwidth；支持移動設備HTML5通過響應式設計和媒體查詢，可以使網頁自適應不同大小的屏幕，提供更好的移動設備支持語義化標記HTML5通過引入更多的語義化元素和屬性，提供了更好的語義化標記能力，使得搜索引擎可以更好地理解和索引。

可以使用多種布局方法1 使用rem單位，窗口改變時，js修改頂層像素尺寸2 js整體縮放窗口，動態(tài)改變transform的scale值3 使用css媒體查詢，動態(tài)更改字體大小，配合gridtable或flex布局4 js動態(tài)更改meta的設備縮放。

html media query

用CSS3 @media 查詢 也叫“媒體查詢”語法aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaaw。

媒體查詢將這一理念提升到了更高層次，允許設計人員基于各種不同的設備屬性比如屏幕寬度方向等來確定目標樣式不是很懂，詳情請見dreamweaverarticlesintroducingmediaquerieshtml 本回答被。

媒體查詢可用于以下內容1使用CSS @media和atrules有條件地應用樣式2針對特定媒體的ltlink，ltsource以及其他的HTML元素3為了測試和監(jiān)控媒體狀態(tài)使用WindowmatchMedia和JavaScript的方法媒體類型all適。

html頁面查詢功能

利用htmlHTML5CSSCSS3以及Javascript響應式設計PhoneGap等可以制作混合APP1使用CSS3媒體查詢制作響應式頁面，以確保在不同的屏幕分辨率下都能很好的顯示或者也可以以remnantrem單位，將固定寬高換乘為。

本人也在網上看了不少動態(tài)設置rem的文章，下面把幾個常用的列舉出來 一，用媒體查詢來設置html的fontsize二利用js來動態(tài)設置 我要說的是最后一種，也是我認為目前比較好的實現方法 利用js計算當前設備的DPR。

另外，如果您的圖片尺寸不是固定的，則可能需要使用媒體查詢media query來調整`backgroundsize`屬性的值，以確保文本在不同設備上都能適應圖片大小例如```css media screen and maxwidth 768px div b。

你可以使用cheatsheet5中的多種已有組合，也可以為任意HTML標簽創(chuàng)建自定義組合，然后按Tab或Ctrl+E將其添加到文本編輯器中4實現更優(yōu)的視頻傳輸 使用video標簽，可以將支持視頻播放的媒體播放器無縫嵌入到網頁中你可以。

該 ltlink rel=quotstylesheetquot 標簽可以接受一個 media 屬性，我們可以在其中指定任何媒體查詢其內的樣式應用到例如，如果我們有一個樣式表，其media屬性為 orientationlandscape ，并且我們正在以縱向模式查看頁面，則該資源。

1css3媒體查詢就是為了適應各種設備，查詢媒介設備，來添加不同的樣式，不會在行內使用2從web標準的設計來講，主張css樣式和html結構分離，建議使用外部文件或內聯樣式。