文章评分 次,平均分 :
导语:问题如下图所示,文章中显示的图片偏小,与原图不一致。通过的检查发现,img 元素中有一个srcset属性,这个属性内容是图片原地址加上2X,怀疑问题与这个2X有关。于是修改2X属性为1X后,发现图片显示正常,如下图所示。 研究发现这个srcset属性是为响应式布局实现的,当屏幕的像素密度不一样是,加载大小不一样的图片。这个属性需要浏览器支持,可能有些浏览器不支持就直接显示原图片。 现在就是不需要这个属性,一直显示我的原图片的尺寸大小。因为这里使用了WordPress中七牛的镜像存储插件,这个img元素中的内容都是访问图片时七牛插件自动获取地址填写的。
问题如下图所示,文章中显示的图片偏小,与原图不一致。通过的检查发现,img 元素中有一个srcset属性,这个属性内容是图片原地址加上2X,怀疑问题与这个2X有关。

于是修改2X属性为1X后,发现图片显示正常,如下图所示。

研究发现这个srcset属性是为响应式布局实现的,当屏幕的像素密度不一样是,加载大小不一样的图片。这个属性需要浏览器支持,可能有些浏览器不支持就直接显示原图片。
现在就是不需要这个属性,一直显示我的原图片的尺寸大小。因为这里使用了WordPress中七牛的镜像存储插件,这个img元素中的内容都是访问图片时七牛插件自动获取地址填写的。
安装的插件如下:

解决方法:
1.点击 WPJAM BASIC 的编辑

2.在右侧的插件文件中找到wpjam-cdn.php文件

3.找到如下图中红框中的2x代码,将2x去掉,点击跟新文件即可。以后文章中的srcset属性就不会出现 2x 这个值。


除特别注明外,本站所有文章均为DreamChan原创,转载请注明出处来自http://www.dreamchan.cc/92.html

暂无评论