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

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

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号