发布网友 发布时间:2022-05-12 00:19
共5个回答
懂视网 时间:2022-05-12 04:40
这篇文章给大家介绍的内容是关于在html5移动端Meta的设置,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助
强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
WebApp全屏模式 隐藏地址栏。
<meta name="apple-mobile-web-app-capable" content="yes" />
禁止百度转码显示。
<meta http-equiv="Cache-Control" content="no-siteapp">
制定iphone中safari顶端的状态条的样式(default:白色,black:黑色,black-translucent:半透明)
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
添加到IOS主屏后的标题。
<meta name="apple-mobile-web-app-title" content="标题名称">
相关文章推荐:
HTML5中文件上传的代码
HTML5结合互联网+ 实现的3D隧道(附代码)
热心网友 时间:2022-05-12 01:48
你这个只不过是使用meta属性来设置适配移动端页面。但是如果页面的宽是超过 100% 的,滚动条还是会出现的。热心网友 时间:2022-05-12 03:06
body和html的宽度设置为100%,另外,检查一下内容的宽度取值有没有问题。热心网友 时间:2022-05-12 04:41
检查body内部是否存在超出文档宽度的元素,如width: 100%;padding: 20px热心网友 时间:2022-05-12 06:32
只设置mate那还不够,你可以看看你哪个页面有没有超宽,也可以用rem做尺寸,或者百分比,相对来,这样一般就没问题,具体看你css功底吧