11年前 (2016-02-27)  建站笔记 |   抢沙发  189 
文章评分 0 次,平均分 0.0
导语:问题如下图所示,文章中显示的图片偏小,与原图不一致。通过的检查发现,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

关于
小时缺钙,长大缺爱

发表评论

表情 格式

暂无评论

登录

忘记密码 ?

切换登录

注册

扫一扫二维码分享