内容中内置的响应图像--我需要在unctions.php中添加任何内容吗？

时间：2018-03-05 作者：Natalia

我正在从头开始制作一个WP主题，但我似乎没有得到响应的图像。即使添加了srcset和size标记，以500px插入的图像仍将保持在500px。据我所知，这幅图像应该在手机上以300px的速度自动显示？

<img class="alignleft size-full wp-image-446" 
src="couple_group_session.jpg" alt="" width="500" height="333" 
srcset="couple_group_session.jpg 500w, 
couple_group_session-300x200.jpg 300w" 
sizes="(max-width: 500px) 100vw, 500px">

still displaying at 500px

我应该在Wordpress函数中添加一些内容吗。php文件来让它真正工作？

1 个回复
最合适的回答,由SO网友:NickFMC 整理而成

是的，正如评论所示，您需要添加max-width:100%; height:auto; 对于您的img，您没有在div中包含图像，因此没有任何信息可以告诉srcset使用较小的版本。

结束
标签： images   content   responsive   小码农  

相关推荐

为什么通过_content()插入到POST内容中的图像会偏离最大宽度？

我在上述图像上有许多容器，例如col-md-10 定义了max-width 80%左右，我是这样生成我的帖子的：<article id=\"single-post-<?php the_ID(); ?>\" <?php post_class(\'single-post\'); ?>> <?php $post_share = new Post_Share( array( \'facebook\', \'twitter\', \'gplu