删除移动设备上的额外水平空白（css）

Question

我在使用移动设备时遇到了添加额外空白水平空白的问题。一开始它是隐藏的，但如果我向右滚动或向右滑动，它就会变得可见。

我似乎无法准确指出我的代码中的哪个位置迫使此宽度超过 100%。我的手机<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 正确，并且在我的head 标签中。

这里是有问题的网站：wpdev.mosaic.buzz/wordpress12。

使用开发工具并模拟移动浏览器并低于 1000 像素。

感谢您的帮助。

Answer 1

页面底部表单中的某些输入字段具有 size="100%" 属性 - 如果您删除该属性并设置样式属性（如 <input type="text" style="width:100%"> ，您应该重新开始工作。

size 属性用于包含输入的宽度（以字符为单位）。所以size="50" 将是 50 个字符宽。但是size="100%" 会给你...怪异。