为什么div中的图像不是全尺寸显示的?

时间:2016-08-13 作者:Ooker

几天前,一切都很好,但现在图像没有全尺寸显示。这看起来像an old bug.

以下是我失败的原因:

添加自定义CSS:img .size-full {width:900px;}<?php $content_width = 900 ?> 到我的主题functions.php 文件查看wp-includes/media.php, 但找不到$max_width=500 Regenerate Thumbnails 要重新生成缩略图,请通过FTP上传图像,我在其他站点上没有此问题。这是因为主人吗?我想知道发生了什么,以及如何解决它。指向图像不能为全尺寸的页面的链接为here.

4 个回复
SO网友:Florian

只是猜测,但是img 可能没有类的子元素size-full. 课程可能在img 它本身所以应该是这样img.size-full 没有空间。这将使这成为一个CSS问题,而不是WordPress问题。

SO网友:cjbj

访问您的网站时,我必须得出结论,这是一个简单的错误css案例(因此不是WordPress问题)。

您的所有内容都在div 带类container. 在您的bootstrap.min.css 您将此容器的宽度设置为1170px。在里面style.css 您定义max-width:100% 在图像上。因此,无论您如何定义图像的宽度,都会对其进行缩放,使其适合1170px。

SO网友:lucian

img .size-full {width="900";} 不是有效的CSS。使用其中一个img .size-full {width:900px;} 对于固定场地/确切宽度或img .size-full {max-width:100%;} 用于流体/响应性

按照Florian的说法进行更新,当然也要删除空格,因为img是一个“空”标记-不可能有后代:img.size-full

SO网友:Alex Baulch

从你的问题来看,你所谈论的图像并不明显,但我建议if 您只需为其添加css规则,页面内容中的所有图像也都会链接。如下所示:

.entry-content img { height: auto; width: 100% }
这将强制图像与其容器的宽度相同,并在桌面断点上将其延伸至915px宽。