Open XiZev opened 3 years ago
移动设备默认的viewport是layout viewport,但在进行移动设备网站的开发时,我们需要的是ideal viewport。那么怎么才能得到ideal viewport呢?这就该轮到meta标签出场了。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
width和initial-scale效果一样,为什么要用2个相同功能的规则?
width=device-width在IPhone和IPad上存在兼容问题; initial-scale=1.0在IE上存在兼容问题
手机浏览器渲染网页的过程
meta标签控制viewport
移动设备默认的viewport是layout viewport,但在进行移动设备网站的开发时,我们需要的是ideal viewport。那么怎么才能得到ideal viewport呢?这就该轮到meta标签出场了。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
width和initial-scale效果一样,为什么要用2个相同功能的规则?