有幾種，利用meta標(biāo)簽百分比法使用CSS3單位rem媒體查詢利用meta標(biāo)簽 Meta標(biāo)簽主要用來描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性，如作者日期時(shí)間網(wǎng)頁(yè)描述關(guān)鍵詞頁(yè)面刷新等，它的Description和Keywords屬性，可加入網(wǎng)站的關(guān)鍵字；但是，就像上面媒體查詢例子，Sass 直接忽略變量賦值， 意味著這種事是不可能的他輸出的body fontsize 1em 預(yù)處理器變量不繼承 雖然繼承是級(jí)聯(lián)的一部分，但是我還是要提一下，因?yàn)楹芏啻挝蚁胧褂眠@個(gè)功能都未能用成 有一種。

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

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

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

html media query

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

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

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

html頁(yè)面查詢功能

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

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

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

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

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

1css3媒體查詢就是為了適應(yīng)各種設(shè)備，查詢媒介設(shè)備，來添加不同的樣式，不會(huì)在行內(nèi)使用2從web標(biāo)準(zhǔn)的設(shè)計(jì)來講，主張css樣式和html結(jié)構(gòu)分離，建議使用外部文件或內(nèi)聯(lián)樣式。