当浏览器窗口的宽度小于400px时，主体宽度不是100％

Question

当浏览器窗口的宽度小于400px时，我的HTML和正文宽度不是100％。但是，它的宽度超过400像素时效果最佳。

我尝试将body和html设置为padding：0和margin：0以及CSS重置*以及此处发布的解决方案中的边框功能，这些功能对我来说不起作用。

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

橙色背景和内容应该完全像浏览器窗口超过400像素宽时那样延伸到整个页面。

Answer 1

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

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