html - 无法将元素缩放到 100% 宽度

Question

我一直在尝试将我放入页面的图像设置为 100% 宽度，但左侧的某些内容总是留下空白。我试过了

.coverImage {
         width: 100vw;
   }

那没有成功，所以我用了:

.coverImage {
         width: 100%;
   }

但似乎没有任何效果。另外，我只有左侧有空白。所附的截图是here .此屏幕截图还显示了脚本。

Answer 1

尝试重置边距:

* {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    min-height: 100%;
}

我将 html 和 body 的宽度设置为 100% 的原因是为了确保图片的宽度百分比拉伸(stretch)到整个视口(viewport)，以百分比大小(和 em 大小，有点)相对于其父级。