css两图片宽度比例 |css 钥匙icon怎么做

/* 方法一 */
img {
width: 50%; /* 图片宽度为父容器的50% */
height: auto; /* 高度自适应 */
}
/* 方法二 */
img {
max-width: 100%; /* 图片宽度最大为父容器的100% */
height: auto; /* 高度自适应 */
}

方法一是通过设置图片的宽度为父容器宽度的50%来实现的。这种方法适用于大家已知图片和父容器的宽度，并且只需要控制宽度比例的情况下。其缺点是在部分浏览器中可能会出现图片失真的情况。

方法二是通过设置图片最大宽度为父容器宽度的100%来实现的。这种方法适用于大家未知图片和父容器的宽度，或者需要在不同尺寸的父容器中使用同一个宽度比例的情况下。其优点是可以保证图片不失真，适用于不同的浏览器和设备。