在css fluid布局上保持比例
在css fluid布局上保持比例
提问于 2013-10-23 16:44:38
我已经设置了我的布局百分比，但我的div包含一个需要保持比例的图像。例如，我计算过2:1，所以width = 300px，height = 150px。
我怎么能只用css就能做到这一点呢？我可以读取百分比并将其除以2吗？
回答 3
Stack Overflow用户
发布于 2013-10-23 16:46:30
对于要保持比例的图像，只需定义一个维度。
因此，如果您将宽度设置为300px，将高度设置为自动，它将保持该比率。
Stack Overflow用户
发布于 2013-10-23 16:47:34
您可以使用
width:66.67%和width:33.33%。
Stack Overflow用户
发布于 2013-10-23 16:50:56
您不能使用图像的百分比，就好像您将图像宽度定义为它的父div宽度的百分比一样。因此，您必须以像素为单位定义图像的宽度，因为您希望按比例调整原始图像的大小。但是，如果你想使div的宽度成比例，你可以使用then。为了使图像成比例，只需定义宽度而不是高度，这将使图像与其原始大小成比例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19536957
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号