1

我需要一个解决方案，使响应式设计图像也可以调整来自服务器的图像大小！

因此，例如，当用户坐在移动设备上时，可能需要相当长的时间才能将原始图像以 900x900 的分辨率上传到客户端。

有没有人以前做过这个或有一个好主意？

4

1 回答 1

0

你可以使用像 phpThumb 这样的 PHP 库 - http://phpthumb.sourceforge.net/

这将在服务器上创建大小合适的图像，并保留缓存以供将来使用......

如果你正在运行 php....

更新

要将这样的东西集成到响应式设计中，有几种方法可以处理它。

  1. 您可以使用可以检测视口大小的 javascript 库，并src相应地替换 img 属性。

  2. 使用背景图片而不是<img>标签。然后你可以用 CSS 原生地做到这一点。

  3. 使用 CSS:before和:after和content: ""通过 CSS 插入图像标签。

于 2013-04-23T17:18:22.360 回答