如何根据高度调整图像的大小，并根据高度进行调整

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/

他是那个谁首先使用的术语“自适应网页设计”。希望它解决了你的问题。无论如何，这是一个不错的年龄问题。