css - 将图像的高度设置为动态宽度(仅使用 CSS)

标签 css image height width equals

是否可以设置与宽度相同的高度?

CSS

img{
    width:90%;
    height: same as width;
}

由于屏幕宽度和高度不相同,所以如果宽度为 90%,高度应该与 pix 中的高度相同

最佳答案

以像素为单位使用宽度和高度

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

关于css - 将图像的高度设置为动态宽度(仅使用 CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22471493/

相关文章:

css - IE 7 不显示全尺寸链接

java - 在 RecyclerView 中获取一行的宽度和高度 - Android

swift - 在 JPEG 图像上绘制一条简单的线

html - 如何摆脱div的填充区域?

javascript - 字形图标(Halflings 和 Fontawesome)未显示。纯 html 与使用 js innerHTML

javascript - 如何在页面底部但在(未固定的)页脚上方制作固定的 "go to top"按钮?

html - 表格列宽百分比编辑图片

javascript - 来自较大图像文件的质量更好的缩略图

css - 如何在我的网站上自动调整谷歌地图的大小?

html - 按规则水平放置两个html元素