html - 删除移动设备 (css) 上多余的水平空白

标签 html css

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

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

这是有问题的网站:wpdev.mosaic.buzz/wordpress12 .

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

感谢您的帮助。

最佳答案

页面底部表单中的某些输入字段具有属性 size="100%" - 如果您删除该属性并改为设置样式属性(如 <input type="text" style="width:100%"> ,您应该恢复正常。

size属性旨在包含输入的宽度(以字符为单位)。所以size="50"将是 50 个字符宽。但是size="100%"会给你……古怪。

关于html - 删除移动设备 (css) 上多余的水平空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39797513/

相关文章:

HTML 按钮样式

html - 在 twig/volt 中包含 .css 文件

javascript - AJAX 不从 php 返回结果

html - CSS 网格中的神秘缺口

html - 在屏幕中心对齐时滚动无法正常工作(使用转换)

javascript - 网站中的静态内容

html - 垂直多行文本和图像排列

javascript - Iframe 内容不显示在 IE 上

css - 更少的多个文件导入

html - 将 div 之间的间距放在水平行中?