在使用Safari的iPad上,转到此页面:
http://ifelse.org/projects/errors/viewport/test.html
这是来源:
Meta name="apple-mobile-web-app-capable" content="yes" />
<Meta name="apple-mobile-web-app-status-bar-style" content="black" />
<Meta name="viewport" content="width=1030" />
它应该看起来像这个图像,其中1030像素的视口在纵向模式下完全可见:
>点按书签图标()
>点按添加到主屏幕
>创建书签.打开书签,网页将以全屏模式在webapp模式下打开.
视口标记基本上被忽略.我已经尝试了一些变异起诉设备和混合像素值.没有.
如果这是Apple的故意,它本质上意味着要正确开发漂亮的网页应用程序,您需要使用实际宽度为768px …?