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

我有一个ID #divider的分隔线。我使用Elementor来编辑我的wordpress网站，并用CSS修复东西。它看起来不错，但我只是在笔记本电脑上检查过它，它不会伸展到边缘。它的宽度是1278像素。如何使图像在不同屏幕上伸展

此外，它似乎推动另一个文本列不知何故。在elementor上它看起来很好。

2017-05-09 Rozi

能否请您给图像宽度为100％？喜欢#divider img {width：100％} – Ashkar

嗨阿什卡尔，它不工作。这里有一个链接，你可以看到分频器： http://berko.createak.co.il/ 我检查了几台笔记本电脑，它不会拉伸。此外，它还引发了另一个问题，将其中一个文本列推向左侧（带有篮球网背景图像的那一列）。我不知道如何解决它。它在Elementor插件上显得很好。我附上了一个截图到主要问题/ – Rozi

我看到你已经为该图像提供了'max-width：100％'而不是'width'。如果你在它上面添加'width：100％'，它似乎可以修复它 –

我检查您的网站，下面的代码似乎正常工作，当我通过开发人员工具试了一下：

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

来源

2017-05-09 08:45:08

的问题是在这里

<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这将覆盖你的样式表中的什么。

您可以删除宽度=“1400”或者如果无法使用

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

来源

2017-05-09 09:00:05 Tik

谢谢，你可以通过任何机会检查我的文本列出现了什么问题，正如你在第一篇文章的屏幕截图中看到的那样？我认为这与分隔线有关。 – Rozi

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

回答

相关问题