文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么我不能保持最大高度值的纵横比？

问为什么我不能保持最大高度值的纵横比？
EN

Stack Overflow用户

提问于 2016-02-24 00:31:59

回答 2查看 405关注 0票数 0

我使用一个类来处理我的肖像和风景图像。我所有的风景图片都有1400x1000px (700x500px 5K视网膜)的相同大小。我希望肖像图像始终是700px的高度和宽度设置为自动，但它似乎不是这样工作的。为什么？

.size-m { /* project image portrait */
  max-height: 700px;
  width: auto;
 }

.size-xl { /* project image landscape */
 max-width: 700px;
 height: auto;
}

css

image

height

width

aspect-ratio

回答 2

Stack Overflow用户

发布于 2016-02-24 01:23:21

我可能误解了，但这似乎在这些jsfiddles中工作得很好：

landscape

img {
  max-width: 700px;
  height: auto;
}

portrait

img {
  max-height: 700px;
  width: auto;
}

票数 1

Stack Overflow用户

发布于 2016-02-24 00:33:07

将display: block添加到类中。这应该能起到作用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35582953

复制

相似问题

问为什么我不能保持最大高度值的纵横比？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我不能保持最大高度值的纵横比？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我不能保持最大高度值的纵横比？
EN