Daily Accumulation

css

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

猜你喜欢

转载自blog.csdn.net/be_strong_web/article/details/121920991