不使用背景属性的全宽图像

时间:2013-04-28 12:45:40

标签: css image width

我正在尝试使用wordpress作为cms,每个项目的不同帖子等设置基本组合。

我希望图像能够填充屏幕宽度(流畅,因此会在调整大小时缩放)但不使用背景url属性,因为这会导致非常混乱的代码和作物我不想要

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

有没有办法强制图像大于其原始分辨率(我知道这会影响质量)而无需借助后台网址?

1 个答案:

答案 0 :(得分:0)

您的图片无法向上扩展的原因是CSS中的以下规则:

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

要么:

  • 删除此规则,或

  • 从此规则中排除img选择器,或

  • 保留上述规则并将max-width重新定义为none,只为那些需要扩展的图片添加一条附加规则,例如:

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