移動端的一些坑

/*1rem大小的設定，1rem=100px*/

html 
@media screen and (min-width: 320px) 
} @media screen and (min-width: 375px) 
} @media screen and (min-width: 414px) 
} @media screen and (min-width: 600px) 
} /*增加這個階段適配ipad pro*/
@media screen and (min-width: 1000px) 
} @media screen and (min-width: 2000px) 
}

也不能寫在單獨的頁面的style裡面

let head = document.getelementsbytagname('head')

let meta = document.createelement('meta')
let link = document.createelement('link')
link.href = '/static/static-mobile.css'
link.rel = 'stylesheet'
link.type = 'text/css'
meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, maximum-scale=1.0, user-scalable=no'

*

.box:after

.box

// 第乙個引數是元素的clsss或者id或者其他，第二個引數是修改的樣式

document.stylesheets[0].addrule('.region__title::after', 'left: 10px')

// 在watch***中， visible控制彈出框顯示隱藏

visible (val) 
let child
if (val) else 
}

一些移動端裝置的devicePixelRatio

裝置畫素為 1.0 webkit min device pixel ratio 所有non retina mac電腦 蘋果iphone 第一代 蘋果iphone 3 g 蘋果iphone 3 gs 蘋果ipad 第一代 蘋果ipad 2 蘋果ipad迷你 第一代 巨集碁iconia a500 三星g...

移動端微信頁面的一些自己爬的坑

首先就是背景的問題，我看了設計圖是上面白色的背景，下面灰色的背景，剛開始我覺得應該給它設定高度，寫出來之後完全不像樣，瞬間懵逼，這寫的狗屎一樣的 後來才明白它應該是以灰色為背景，上面的div加白色背景就可以了，這麼簡單我想了好半天，感覺自己從學校回來就沒救了，還有就是給上面的div加padding，...

移動端的適配坑（一）

1.background 在vue的環境下 有的安卓手機背景圖 顯示不出來！原因 vue cli配置原因 2.高度不一致的各種問題 樣式沒有reset 導致的 3.用flexible定義rem的時候 if width dpr 540 上面的 會導致視口超過540 高度什麼的開始不適配了 4.vue專...