Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在不同的屏幕上拉伸图像_Css_Wordpress_Elementor - Fatal编程技术网

Css 如何在不同的屏幕上拉伸图像

Css 如何在不同的屏幕上拉伸图像,css,wordpress,elementor,Css,Wordpress,Elementor,我有一个ID为#divider的除法器。我使用Elementor编辑我的wordpress网站,并用CSS修复内容。它在certrain屏幕上看起来不错,但我刚在笔记本电脑上检查过,它不会拉伸到边缘。它的宽度是1278像素 而且它似乎以某种方式推动了另一个文本列。在elementor上,它看起来很好。 我查看了您的网站,当我通过开发人员工具尝试时,以下代码似乎运行良好: .elementor-image img { width: 100%; } 我查看了您的网站,当我通过开发人员工具尝

我有一个ID为
#divider
的除法器。我使用Elementor编辑我的wordpress网站,并用CSS修复内容。它在certrain屏幕上看起来不错,但我刚在笔记本电脑上检查过,它不会拉伸到边缘。它的宽度是1278像素

而且它似乎以某种方式推动了另一个文本列。在elementor上,它看起来很好。

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

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

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

.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">
问题就在这里

<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">

我做了以下工作,并成功实现了图像的全宽。。 1.行->扩展节和内容全宽 2.图像本身->样式->宽度->将VW设置为100


这就是我所做的一切,我做到了。

我做到了以下几点,我成功地实现了图像的全宽。。 1.行->扩展节和内容全宽 2.图像本身->样式->宽度->将VW设置为100


这就是我所做的一切,它起作用了。

你能把图像宽度设为100%吗?就像#divider img{width:100%}Hi Ashkar,它不起作用。这里有一个链接,你可以看到分隔器:我检查了一些笔记本电脑,它不会拉伸。此外,将其中一个文本列向左推(带有篮球网背景图像的列)也会导致另一个问题。我不知道如何修理它。它在Elementor插件上看起来很好。我在主要问题上附加了一个屏幕截图/我看到您为该图像提供了
max width:100%
,而不是
width
。如果您将
width:100%
添加到它,它似乎可以修复它。您可以将图像宽度设置为100%吗?就像#divider img{width:100%}Hi Ashkar,它不起作用。这里有一个链接,你可以看到分隔器:我检查了一些笔记本电脑,它不会拉伸。此外,将其中一个文本列向左推(带有篮球网背景图像的列)也会导致另一个问题。我不知道如何修理它。它在Elementor插件上看起来很好。我在主要问题上附加了一个屏幕截图/我看到您为该图像提供了
max width:100%
,而不是
width
。如果你加上
width:100%
,它似乎可以解决这个问题。汉克斯,你能检查一下我的文本列有什么问题吗?你可以在第一篇文章的截图中看到,我的文本列被推到左边了?我想这与分隔符有关。谢谢,你能检查一下我的文本栏有什么问题吗?你可以在第一篇文章的截图中看到,我的文本栏被推到左边了?我想这和分隔器有关。