Bootstrap傳送帶圖像調整服務器端

Question

我需要一個解決方案，使響應式設計圖像調整大小也從服務器的圖像！

因此，例如，當用戶坐在移動，可能需要相當長的一段時間，在900x900例如上傳的原始圖像客戶端。

有沒有人以前做過或有過一個好主意？

Answer 1

你可以使用PHP庫像phpThumb - http://phpthumb.sourceforge.net/

這將在服務器上創建圖像的大小，並保持高速緩存以備將來使用...

如果你正在運行的PHP ... 。

更新

要在響應式設計是這樣的整合，有一對夫婦的方式來處理它。

1. 您可以使用，可以檢測視口大小一個JavaScript庫，並相應地更換IMG src屬性。

2. 使用背景圖像而不是<img>標籤。然後你可以用CSS本地完成它。

3. 使用CSS :before和:after和content: ""通過CSS插入圖像標籤。