css
- 多个宽度不同图片(高度相同)在一行,并且需要随着屏幕宽度自适应:
height 用 vw 为单位来写
–> vw参照的是浏览器视窗的宽度,即将视窗宽度平分为100份,看每个容器占视窗宽度的几份
–> 假设此时是1920分辨率,且浏览器全屏,一个容器宽度是192px,那么它占的份数就是192/1920*100=10vw。
–> 然后图片宽度设置为auto
例如:
img{
width: auto;
height: 2.396vw;// 图片原本设置的高度为46px, 46/1920*100j = 2.396...
}