我希望我的网站适合移动设备屏幕。默认情况下，无水平滚动，仅垂直滚动。我使用meta视口作为：
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=yes ">
这不适用于移动网络浏览器，网站放大显示水平滚动条。用户必须缩小并查看内容。
网站的测试模板为waterbill.phed.co.in - meta viewport not working in mobile
如何使用无缩放使网站适合设备宽度？
答案 0 :(得分：0)
最有可能的是，您的网站会显示一个水平滚动条，因为某些元素的宽度可能与其他元素的宽度一起，总计超过可用视口宽度的100％。
在设置水平长度样式时，您需要使用百分比作为单位。请注意，这不仅包括元素＆＃39;内容框，还有元素＆＃39;水平填充，边框和边距。当然，他们的金额不应超过100％。此外，使用box-sizing可能会对您有所帮助。