css 设置高款等比 |css让文字横着排列

/* 设置元素宽高 */
.box {
width: 200px;
height: 100px;
}
/* 保持等比例缩放 */
.box {
width: 200px;
height: auto;
}
.box img {
width: 100%;
height: 100%;
object-fit: cover;
}

在上述代码中，大家通过设置元素的宽高来确定其大小。然后利用 CSS 中的height: auto;属性来让元素在宽度变化的同时按比例缩放高度。

如果大家想要在一个容器中展示图片，并且希望图片不变形，同时保持等比例缩放，大家可以使用object-fit: cover;属性。这个属性会让图片按比例缩放并填充整个容器，同时保持图片不失真。

使用 CSS 来设置元素的高度和宽度以及等比例缩放可以保证网页的视觉效果，并且让用户更好地浏览页面。