css背景图怎么自适应手机和电脑

根据页面设计情况选择相应的参数，方法就是设计背景size参数
background-size：cover，适用于上半部分背景图片，下半部分纯色
将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
background-size：contain适用于一屏幕，缺点屏幕宽度高度不一致，会有缝隙
将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
background-size：100%100%；
最简单粗暴的方法，缺点会给背景拉伸变形