如何使图像在不同的屏幕中拉伸

Question

我有一个ID #divider的分隔符。我使用Elementor编辑我的wordpress网站并使用CSS修复内容。它在certrain屏幕上看起来很好，但我只是在我的笔记本电脑上检查它并且它不会伸展到边缘。它的宽度是1278像素。

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

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 =＆＃34; 1400＆＃34;或如果不可能使用

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

Answer 3

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

这就是我所做的所有事情，并且有效。