切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年09月7日

去掉手机safari浏览器下的工具条

本文就“去掉手机safari浏览器下的工具条”展开讨论，作者切版网，发布于2017年09月7日 全文共451个字，预计阅读时长1分30秒。

在最近的切版的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前端外包。据说这句话为在其他的浏览器上报错，不过目前测试没有发现这个问题。

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