如何根據高度調整圖像的大小，並根據高度進行調整

Question

我想要在所有平臺和所有分辨率的網頁上製作可縮放的圖像。我對谷歌的做法印象深刻。例如：

1900 - https://lh3.googleusercontent.com/-9xyCVGjVJjE/AAAAAAAAAAI/AAAAAAAAAG0/a4jFEtQ3ziY/s1900-c-k-no/photo.jpg

190 - https://lh3.googleusercontent.com/-9xyCVGjVJjE/AAAAAAAAAAI/AAAAAAAAAG0/a4jFEtQ3ziY/s190-c-k-no/photo.jpg

上有大量的網絡資源，顯示瞭如何根據屏幕大小來調整圖像，但沒有接近谷歌加。我得到了同樣的問題

Google Script Image Resizing一些鏈接，

Resize image like google，

http://www.quora.com/Google+/How-google-resize-images-dynamically-based-on-screen-size

但沒有上述解決我的問題。我可以重新調整圖片的大小，但無法像Google plus一樣提高響應速度。

我對jquery，javascript，php有所瞭解。我相信這是與PHP的圖書館和jQuery或可能通過CSS媒體查詢，但無法解決問題。我在這裏把一個問題之前，曾嘗試以下資源：

1. http://adaptive-images.com/ - 無法調整基於高度的圖像。它的寬度相當好。

2. http://boxresizer.com/

3. Timthumb：http://www.binarymoon.co.uk/projects/timthumb/，http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/ - 這並不隨高度很好地擴展。

4. 服務器端圖像縮放：基於http://css-tricks.com/snippets/php/server-side-image-resizer/

5. 的CSS調整大小：http://blog.kurtschindler.net/post/flexible-dynamically-resizing-images-with-css

能有人請建議我解決這個問題，或者幫助我基於上述資源整理我的問題。

Answer 1

Ethan Marcott的解決方案就在這裏。

http://unstoppablerobotninja.com/entry/fluid-images/

他是那個誰首先使用的術語「自適應網頁設計」。希望它解決了你的問題。無論如何，這是一個不錯的年齡問題。