在一个网页中加上<meta name="viewport" content="width=device-width" />
这段代码要把页面宽度固定到浏览器的屏幕上,防止出现横向滚动条。可是我设置好后,在移动端打开网页,可还是有横向滚动条。
这是为什么啊?
小弟先行谢谢了。
width=device-width 意思是手机浏览器的真正宽度等于设备宽度,一般配合 initial-scale=1.0 设置初始缩放比例为1倍。如果网页宽度比device-width大,肯定会横向滚动呀
这个貌似并不能禁止滚动条,用overflow-x: hidden;可以禁止横向overflow-y: hidden;禁止纵向,这个是css的
我们一般都加 还有这几行
宽度一般都用%定义
你可以看看这个博客,希望对你有帮助http://blog.csdn.net/joyhen/article/details/43266927
那个只是适配而已吧。要超出部分不见就
body,html{
width:100%;
height:100%;
overflow:hidden;
}