设置背景图宽度为100%的方式有两种:
/* 第一种方式:使用background-size属性 */
background-size: 100% auto;
使用background-size属性设置背景图宽度为100%时,需要将高度设置为auto,以保证图片比例不失调。
/* 第二种方式:使用CSS3的background-image属性 */
background-image: url('example.png');
background-size: cover;
使用CSS3的background-image属性设置背景图宽度为100%时,可以同时设置background-size为cover,以完整展示图片内容并自适应浏览器窗口大小。
需要注意的是,以上两种方式都需要背景元素的宽度和高度都设置为100%。此外,在使用第二种方式时需要注意浏览器兼容性。