css 移动的上的图像未填满整个宽度

k5ifujac 于 2023-05-02 发布在其他

关注(0)|答案(1)|浏览(136)

我试图让我的照片填补了整个宽度的屏幕时，在移动的。我已经尝试了大多数的东西建议在这里这样的问题，但我似乎不能实现它。
这是密码我尝试将宽度更改为100%，甚至min-width：100%，但似乎不起作用。

.post-image img {
    width:360px;
    height:auto;
}

My website：
请帮帮我

1条答案

您可以使用100vw将图像的大小调整为供应商宽度的100%。

.post-image img {
width:100vw;
height:auto;
}

100%并不是屏幕宽度的100%，而是图像宽度或。后图像元素。
为了防止图像占用笔记本电脑或平板电脑屏幕的所有空间，您还可以添加max-width: 8cm;。

.post-image img {
width:100vw;
height:auto;
max-width: 8cm;
}