Question

我添加了自定义图片尺寸：

add_image_size( 'post-thumb', 350, 350,true);
add_image_size( 'post-thumb-large', 767, 350,true);
add_image_size( 'post-single', 1200, 520,true);

<?php
    if ( has_post_thumbnail() ) {
       the_post_thumbnail( 'post-thumb' );
    }
?>

<?php
    if ( has_post_thumbnail() ) {
       the_post_thumbnail( 'post-single' );
    }
?>

我想要400px到767px的所有帖子图片（以及单个帖子图片）的post-thumb-large大小和＆lt; = 400px所有帖子图片的大小都为post-thumb。我认为解决方案是使用srcset属性，但是在哪里以及如何添加它？

Answer 1

请参阅有关CSS-Tricks的文章：https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/

您的HTML格式应该如下所示（根据上面的文章）：

<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">

Wordpress响应后移动图像大小

1 个答案: