php - 移动设备上的 Wordpress 响应式帖子图片大小

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 大小并且 <=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">