html - 当浏览器窗口宽度小于 400 像素时，正文宽度不是 100%

Question

当浏览器窗口宽度低于 400 像素时，我的 HTML 和正文宽度不是 100%。然而，它在 400px 宽的情况下完美运行。

我尝试将 body 和 html 设置为 padding:0 和 margin: 0 和 CSS reset * 以及来自此处发布的解决方案的边框属性，这些对我不起作用。

测试网站链接：https ://louisefindlay23.github.io/

橙色背景和内容应该扩展到整个页面，就像浏览器窗口超过 400 像素宽时一样。

标签： htmlcss

Answer 1

您的 Foundation ZURB 图像在该分辨率下太宽。为它（和您的其他图像）提供 CSS 规则，max-width: 100%使其具有响应性并适合该尺寸的屏幕。

例如img {max-width:100%;}