我想让WordPress的图像响应,我已经读了很多文章,但我面临着移动的响应的问题。
这是我使用的代码:
function blog_2( $attr, $attachment, $size ) {
$attr['sizes'] = '(min-width: 1025px) 1118px, (min-width: 768px) 985px, 95.45vw';
return $attr;
} add_filter( 'wp_get_attachment_image_attributes', 'blog_2', 10, 3 );
<img width="1920" height="1080" src="https://wsite.com/wp-content/uploads/2022/12/blog-10.jpg" class="attachment-full size-full" alt="" loading="lazy" srcset="https://wsite.com/wp-content/uploads/2022/12/blog-10.jpg 1920w, https://wsite.com/wp-content/uploads/2022/12/blog-10-728x410.jpg 728w, https://wsite.com/wp-content/uploads/2022/12/blog-10-985x555.jpg 985w, https://wsite.com/wp-content/uploads/2022/12/blog-10-1118x629.jpg 1118w" sizes="(min-width: 1025px) 1118px, (min-width: 768px) 985px, 95.45vw">
在移动的模式下,我希望它被加载在大小728x410,但当我在pagespeed网站上测试时,我看到它被加载在移动大小985x555,这让我很困扰,朋友们,你有这方面的经验来指导我吗?
1条答案
按热度按时间wlzqhblo1#
试试看
宽度:100%,高度:自动
全屏使用高度:100伏时