我希望我的网站适合移动设备屏幕。 默认没有水平滚动,只有垂直滚动。我将元视口(viewport)用作:
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=yes ">
这在移动网络浏览器中不起作用,网站已缩放并显示水平滚动条。用户必须缩小才能看到内容。
本站测试模板为waterbill.phed.co.in - meta viewport not working in mobile
如何在不缩放的情况下使网站适合设备宽度?
最佳答案
最有可能的是,您的网站显示水平滚动条是因为某些元素的宽度可能与其他元素的宽度加起来超过可用视口(viewport)宽度的 100%。
设置水平长度样式时需要使用百分比作为单位。请注意,这不仅包括元素的内容框,还包括元素的水平填充、边框和边距。当然,它们的总和不应超过100%。此外,使用 box-sizing
可能对您有所帮助。
关于html - 默认情况下无缩放的元名称视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33518236/