如何使图像在不同屏幕上展开

Question

我有一个带有ID #divider的除法器。我使用Elementor编辑我的wordpress网站，用CSS修复一些东西。它在金属陶瓷屏幕上看起来不错，但我只是在我的笔记本电脑上检查过，它不会延伸到边缘。它的宽度是1278 px。

另外，它似乎以某种方式推送了另一个文本列。在元素上，它看起来很好。

​

Answer 1

我查看了您的网站，当我通过开发人员工具尝试时，下面的代码似乎运行良好：

.elementor-image img {
    width: 100%;
}

Answer 2

问题就在这里

<img width="1400" height="75" src="http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2.png" class="attachment-full size-full" alt="" srcset="http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2.png 1400w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-300x16.png 300w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-768x41.png 768w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-1024x55.png 1024w">

您的图像宽度设置为1400，这将覆盖您的造型工作表中的内容。

您可以删除width="1400“，或者如果不可能使用

.elementor-image img {
    width: 100%!important;
}

Answer 3

我做了下面的工作，并设法实现了图像的全宽度。1.行->扩展部分和内容全宽度2.图像本身->样式-> width ->将VW设置为100。

这就是我所做的一切都奏效了。