css背景图怎么在手机自适应全屏

2020-04-16 科技 62阅读
根据页面设计情况选择相应的参数,方法就是设计背景size参数
background-size:cover ,适用于上半部分背景图片,下半部分纯色
将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。
background-size:contain 适用于一屏幕,缺点屏幕宽度高度不一致,会有缝隙
将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
background-size:100% 100%;
最简单粗暴的方法,缺点会给背景拉伸变形
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com