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

标签 responsive-design css

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

最佳答案

我通过添加更大尺寸和不同比例的透明背景来简单地使图像变大来解决它。欺骗系统将其视为更大的图像。完美运行。

关于responsive-design - 如何在响应式设计中将最大高度设置为图像的原始高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11661177/

相关文章:

javascript - 根据屏幕尺寸使用jquery删除rel属性?

html - 为什么对象适配在 Flexbox 中不起作用?

CSS:使行背景跨越所有列?

css - :hover selector on iPad? 是否有任何解决方法

html - Bootstrap 响应列折叠

html - iPhone Android Blackberry CSS 屏幕媒体查询

css - 如何在 css 和 html5 中创建带有曲线的 div?

css - 如何获取图像内部的形式以在 Twitter Bootstrap 上正确调整大小

javascript - 从 html 中分离元素样式

html - 导航菜单是透明的,但我不确定为什么。我要背景