js
TWO_GAME
CSDN不经常看,有问题的朋友可以联系我邮箱lvjl@chuzhi.cn
展开
-
图片居中铺满盒子
今天做了个小功能,需要实现图片居中铺满屏幕,并且不能有留白更不能被压瘪,如下图:直接网上搜索铺满屏幕,大部分都是宽度直接100%,因为这里需要实现图片居中并且同时要铺满屏幕,并且肯定不能被压瘪,所以直接宽度,高度100%肯定不行的,所以我这里选择使用css的scale属性来实现。原理就是首先图片width=‘100%’,然后判断图片的高度是否小于父元素的高度,因为我这里不是瀑布流,所以父元素肯定是定死,然后图片自适应的,当小于父元素高度时就将scale加个0.1左右,然后不断循环判断,直到图片高度大于原创 2020-08-14 14:42:16 · 767 阅读 · 1 评论 -
图片居中自适应铺满盒子
今天做了个小功能,需要实现图片居中铺满屏幕,并且不能有留白更不能被压瘪,如下图:直接网上搜索铺满屏幕,大部分都是宽度直接100%,因为这里需要实现图片居中并且同时要铺满屏幕,并且肯定不能被压瘪,所以直接宽度,高度100%肯定不行的,所以我这里选择使用css的scale属性来实现。原理就是首先图片width=‘100%’,然后判断图片的高度是否小于父元素的高度,因为我这里不是瀑布流,所以父元素肯定是定死,然后图片自适应的,当小于父元素高度时就将scale加个0.1左右,然后不断循环判断,直到图片高度大于原创 2020-08-11 15:44:53 · 1387 阅读 · 0 评论