当浏览器窗口小于 400 像素宽时，我的 HTML 和正文宽度不是 100%。然而，它在超过 400 像素宽时仍能完美运行。
我已经尝试将 body 和 html 设置为 padding:0 和 margin: 0 以及 CSS 重置 * 以及此处发布的解决方案中的 border-box 属性，但这些对我不起作用。
测试网站链接:https://louisefindlay23.github.io/
橙色背景和内容应该扩展到整个页面，就像浏览器窗口超过 400 像素宽时一样。
最佳答案
您的 Foundation ZURB 图片在该分辨率下太宽了。给它(和你的其他图像)max-width: 100% 的 CSS 规则，使其响应迅速并适应该尺寸的屏幕。
例如img {最大宽度:100%;}
关于html - 当浏览器窗口小于 400 像素宽时，正文宽度不是 100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57045320/