小编opp*_*day的帖子

如何让自适应图像为响应式 BootStrap 图像发送正确的文件大小?

我的网站上有 Matt Willcox 出色的自适应图像。它是这样工作的:

  • 服务器提供 800 像素的图像。
  • 自适应图像重定向到不大于您的分辨率宽度的图像

问题是 BootStrap 在桌面和平板电脑和移动设备的全宽中以列显示图像。因此,从技术上讲,与较小的视口相比,自适应应该为桌面提供较小的图像。Google PageSpeed 为此向我猛烈抨击我。我有 800 像素的图像缩小到大约 150 像素左右。

我做了很多研究,但似乎找不到可行的解决方案。我应该破解自适应图像以查看分辨率宽度以外的功能以提供正确的图像吗?是否有不同的库可以解决此问题?

php pagespeed responsive-design twitter-bootstrap adaptive-design

5
推荐指数
1
解决办法
213
查看次数