2013-04-28 74 views
-1

我想使用WordPress作为CMS,不同岗位对每个项目等全宽度图像,而不使用背景属性

我想的图像,以建立一个基本的投资组合,以填补屏幕宽度(流畅,所以会调整大小),但不使用后台url属性,因为这是导致非常混乱的代码和作物,我不想

简单的类宽度100%图像宽度100%适用于以下尺寸实际的图像尺寸,但是当屏幕大于图像时,它不会填充它。

有没有办法强制图像大于其原始分辨率(我知道这将与质量螺丝)而不诉诸背景URL?

+0

''做正是你所描述什么 - 在拉伸/缩小图像时填充容器。或者你想*重复*图像而不是*拉伸*它? – 2013-04-28 12:53:03

+0

对不起,我在这个问题上有点模糊。我希望图片保留其比例(所以我使用width = 100%height = auto) – user2030778 2013-04-28 12:57:15

+0

您可以创建一个[fiddle](http://jsfiddle.net/)或发布您的网站的URL问题可以看出来吗? – 2013-04-28 13:03:21

回答

0

为什么你的图片不按比例扩大的是在你的CSS以下规则的原因:

img, object, embed 
{ 
    max-width: 1140px; 
} 

或者:

  • 删除该规则,或

  • 排除来自此规则的img选择器或

  • 离开上述规则,因为它是由包括只对那些需要按比例放大图像的附加规则重新定义max-widthnone,如:

    .wrapper>p>img 
    { 
        max-width: none; 
    } 
    
+0

完美的,我想我已经抓住了每一个max宽实例,完全忽略了这个。现在感觉有点山雀,谢谢你的帮助! – user2030778 2013-04-28 13:41:23

+0

欢迎您:) – 2013-04-28 13:45:05