在最近的切版的web前端外包的h5手机版切图的项目中，我们就碰到了这样一个尴尬的问题，仅仅是因为手机safari浏览器多出一个工具条，导致本应该在一屏显示完全的页面无法显示完全，我们尝试了很多种方法，最后通过下面的增加一句meta标签完美解决，做一笔记。

<meta name=”viewport” content=”width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui” />

测试URL:http://darkblue.sdf.org/camera-roll/

始终强调人性化设计的苹果当然注意到了这点，于是在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。切版是专业的web前端外包团体，提供psd转html5、pc切图、h5手机、edm邮件等web前端外包。据说这句话为在其他的浏览器上报错，不过目前测试没有发现这个问题。

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。