移动布局方案(转载)

刘悦 at 
layoutviewport 和 visualviewport 移动端浏览器和 PC 最大的不同在于大小(废话==),那么怎样让网页友好的展示在移动端呢。很显然的,如果不做任何处理,很多页面的展示必然会乱掉。Apple 也发现了这个问题,并定义了一个 viewportmeta 标签,用来创建一个虚拟的**layoutviewport**(布局视图),这个视图的分辨率接近 pc,Apple 将其定义为**980px**,其他厂商可能不同,感兴趣的可以自己写页面测试下。这就很好的解决了早期的页面在手机上显示的问题,由于两者之间的宽度趋近,只需要像在 PC 上那样渲染页面就行,原有的页面布局不会错乱……