一、meta寫法：
二、**查詢
all 所有**
braille 盲文觸覺裝置
embossed 盲文印表機
print 手持裝置
projection 列印預覽
screen 彩屏裝置
speech 『聽覺』類似的**型別
tty 不適用畫素的裝置
tv 電視
三、**特徵
min-width 解析度寬度大於等於裝置值得時候識別
max-width 解析度寬度小於等於裝置值的時候識別
orientation:portraint 豎屏
orientation:landscape 橫屏
-webkit-min-device-pixel-radio:2 畫素比
四、關鍵字
and 和、與（連線**特性）
not 排除指定**型別
only 指定某種特定的**型別（很多時候是用來對那些不支援**特性但卻支援**型別的裝置）
五、樣式引用
外聯樣式表 link[media="all and (min-width:600px)"]
@import @import url(index.css)all and (min-width:600px)
六、常規尺寸
@media all and (min-width:1200px)
@media all and (min-width:850px) and (max-width:1199px)
@media all and (min-width:700px) and (max-width:849px)
@media all and (min-width:480px) and (max-width:699px)
@media all and (max-width:479px)
七、控制畫素比
八、動態設定字型大小
九、移動端固定定位的方法：
html
body
需要定位的元素使用position:absolute;top:0;left:0;
移動端 移動端頁面適配方案
這是mdn上的解釋 這個單位代表根元素的 font size 大小 例如 元素的font size 當用在根元素的font size上面時 它代表了它的初始值 也就是說，rem單位取值的大小和根元素html的font size取值直接相關。它跟html元素之間得關係為 html的fontsize值 ...
pc端適配移動端
1.允許網頁寬度自動調整在網頁 的頭部，加入一行viewport元標籤所有主流瀏覽器都支援這個設定，包括ie9。對於那些老式瀏覽器 主要是ie6 7 8 需要使用css3 mediaqueries.js2.不使用絕對寬度由於網頁會根據螢幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬...
vue移動端專案記錄滾動位置方案總結
最近在用vue做移動端專案，列表展示頁面有很多條資料，在滑動到下面的時候，點到對應詳情頁，此時後退，應該在之前滾動的位置，不能滾動到頂部，這就需要記錄滾動位置。這是需求，說完了需求，就考慮怎麼實現吧！在路由檔案router.js中設定快取，方式如下 複製 這樣的話，後退的時候就不會重新整理頁面，完成...