拿到一个网页，需要将其缩小显示。因此用了viewport。但是viewport标签无效。因为网页用的是绝对布局position:absolute;
viewport:
<me
ta name="viewport" content="width=768, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
参考：http://craigsworks.com/projects/forums/showthread.php?tid=3242
Good to know viewport and absolute position don't work in tandem though!
OK，然后在IPad上测试，是可以缩放的。在PC上不行，即使用了代理useragent。
ipad浏览器以及webview控件（safari核心）的分辨率与DPI无关，都是768*1024。因此一份设计成高清的1536*2048的网页，在ipad4的浏览器上显示，依然是按照768来显示的。如果设置initial-scale=1.0，也只会显示1/4内容。
另外，meta 标签是逐行执行的。后面的会替换前面的meta。
例如一个web有2行viewport，会按照第二个的来显示。
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=0.5, minimum-scale=0.5, user-scalable=no">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, minimum-scale=0.5, user-scalable=no">
第二行放在html标签之外也可以。
