css - 不使用背景属性的全角图像

Question

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

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

一个简单的类 width 100% image width 100% 适用于低于实际图像尺寸的尺寸，但是当屏幕大于图像时，它不会填充它。

有没有办法在不使用背景 URL 的情况下强制图像大于其原始分辨率（我知道这会影响质量）？

Answer 1

您的图像无法放大的原因是您的 CSS 中的以下规则：

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

任何一个：

• 删除此规则，或

• 从该规则中排除img选择器，或

• 保留上述规则并重新定义max-width为none，仅针对那些需要放大的图像添加附加规则，例如：

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