如何使图像在不同屏幕上伸展
问题描述:
我有一个ID #divider
的分隔线。我使用Elementor来编辑我的wordpress网站,并用CSS修复东西。它看起来不错,但我只是在笔记本电脑上检查过它,它不会伸展到边缘。它的宽度是1278像素。如何使图像在不同屏幕上伸展
答
我检查您的网站,下面的代码似乎正常工作,当我通过开发人员工具试了一下:
.elementor-image img {
width: 100%;
}
答
的问题是在这里
<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;
}
+0
谢谢,你可以通过任何机会检查我的文本列出现了什么问题,正如你在第一篇文章的屏幕截图中看到的那样?我认为这与分隔线有关。 – Rozi
能否请您给图像宽度为100%?喜欢#divider img {width:100%} – Ashkar
嗨阿什卡尔,它不工作。这里有一个链接,你可以看到分频器: http://berko.createak.co.il/ 我检查了几台笔记本电脑,它不会拉伸。此外,它还引发了另一个问题,将其中一个文本列推向左侧(带有篮球网背景图像的那一列)。我不知道如何解决它。它在Elementor插件上显得很好。我附上了一个截图到主要问题/ – Rozi
我看到你已经为该图像提供了'max-width:100%'而不是'width'。如果你在它上面添加'width:100%',它似乎可以修复它 –