我已经上传了一张2100px宽的图片到帖子中,并将该图片插入到帖子正文中。我正在根据Wordpress的《2116》创建一个自定义主题。
HTML看起来正常:
<img class="alignnone wp-image-2669 size-full"
src="http://.../wp-content/uploads/2017/07/GrillSommer1.jpg"
alt="" width="2100" height="904" />
在前端,Wordpress所做的我认为是它的“响应图像”魔术(我认为我没有添加任何插件可以做到这一点:)<img class="alignnone wp-image-2669 size-full"
src="http://.../wp-content/uploads/2017/07/GrillSommer1.jpg"
alt="" width="2100" height="904"
srcset="http://.../wp-content/uploads/2017/07/GrillSommer1.jpg 2100w,
http://.../wp-content/uploads/2017/07/GrillSommer1-300x129.jpg 300w,
http://.../wp-content/uploads/2017/07/GrillSommer1-768x331.jpg 768w,
http://.../wp-content/uploads/2017/07/GrillSommer1-1024x441.jpg 1024w,
http://.../wp-content/uploads/2017/07/GrillSommer1-340x146.jpg 340w,
http://.../wp-content/uploads/2017/07/GrillSommer1-500x215.jpg 500w,
http://.../wp-content/uploads/2017/07/GrillSommer1-1200x517.jpg 1200w"
sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw,
(max-width: 1362px) 62vw, 840px" />
如果我在读srcset
信息权,它应该是服务的原则上我没有问题,但在1920x1080屏幕上,我得到的是1024px版本,当然看起来非常模糊!
这有什么明显的原因吗?