如何在响应式设计中将max-height设置为图像的原始高度？

Question

我正在使用WordPress构建响应式网站，图像会自动设置为height:100%; width:auto;，并且div会根据窗口大小调整大小。但这通常意味着某些图像的高度设置为高于其实际高度，从而导致像素化。我需要的是height: 100%; width:auto; max-height:"image height here"之类的东西。如果可能的话，这怎么可能？ 这是一个问题的页面在这里：http://wheretoimmigrate.com/onthemouse/?portfolio=atomic-clothings-2012-campaign

Answer 1

我通过添加更大尺寸和不同比例的透明背景来简化图像，从而解决了这个问题。欺骗系统将其视为更大的图像处理。工作得很好。