now:

devicePixelRatio:

getBoundingClientRect().width:

screen.width:

screen.availWidth:

body.offsetWidth:

body.clientWidth:

body.scrollWidth:

因为在 iphone 3GS 出现的时候,苹果工程师在 Safari 添加了个功能,使得网页在手机浏览器里会缩小到 980px,用户想看某个地方就放大那个地方。 980(iPhone\iPad\Samsung\HTC\Chrome\Opera Persto\)1024(BlackBerry\IE)

10rem

5rem

100vw

50vw

不限制宽高 ↓

宽度 100px ↓

宽度 200px ↓

宽度 400px ↓

width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no

不设置、默认值

flexible

flexible width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no

html meta viewport 生成器

width:
height:
initial-scale:
minimum-scale:
maximum-scale:
user-scalable:
微信公众号-前端linong