首页 文章

WordPress响应图像无法正常工作

提问于
浏览 次
-1

我正在为wordpress构建一个自定义主题，它表示在wordpress 4.4之后将响应式图像内置到wordpress核心，但我的图像没有响应 . 我已经清除了我的缓存，并在我的手机上尝试了它，但它仍然无法正常工作 .

这是我的图像步骤：

在帖子图片中：

  • 添加媒体

  • 选择完整尺寸并插入帖子

  • 检查inspect元素：这是代码......

<img class="size-full wp-image-28" src="https://www.example.com/wp-content/uploads/2017/07/picture1.jpg" alt="" width="1000" height="667" srcset="https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 1000w, https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 600w, https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 768w, https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 30w" sizes="(max-width: 1000px) 100vw, 1000px">
html css wordpress wordpress-theming

1 回答

  • 1

    使用 width:100% 和 max-width:100% 使其响应，现在没有响应，因为图像具有 height 和 width 属性 . 如果你需要唯一的图像将变为响应使用自动生成的类 wp-image-28 .

    Css部分喜欢

    img.size-full {
   width:100% !important;
   max-width:100% !important;
}

    OR

    img.size-full.wp-image-28 {
   width:100% !important;
   max-width:100% !important;
}
    回复于

相关问题