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

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

来源

2012-07-26 jackson5

[类似这样？]（http://stackoverflow.com/questions/6282968/vertical-centering-variable-height-image-while-maintaining-max-width-height/6284195#6284195） – 0b10011 2012-07-26 01:46:11

nope，那不起作用，但第二个答案可能对我设置封闭的div高度很有帮助，嗯，谢谢我会试着去看看我能不能做这个工作...... – jackson5 2012-07-26 02:05:55

我解决它只是通过添加一个较大的大小和不同比例的透明背景，使图像更大。哄骗系统将其视为更大的图像。完美工作。

来源

2012-07-26 02:30:03 jackson5

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

回答

相关问题