html怎么将背景图与浏览器大小自适应？如何实现自适应宽度？

html怎么将背景图与浏览器大小自适应？

图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：html代码:

<div ><img src="图片地址" alt=""></div>

此时的css可以写成:

.imgbox img{width:100%;}

这样，图片的大小就会根据其父级容器的大小而变化，图片的宽度只设置百分比，这样可以根据浏览器窗口的大小变化而随时调整。

如何实现自适应宽度？

css自适应宽度有2种方式：

1.是通过百分比来控制宽度；

2.可以通过块状元素自动占满父级的宽度的特性来实现PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。