html怎么将背景图与浏览器大小自适应?
图片自适应屏幕大小显示主要是利用百分比来控制,切忌给图片宽度一个固定值。如下代码:html代码:
<div ><img src="图片地址" alt=""></div>此时的css可以写成:
.imgbox img{width:100%;}这样,图片的大小就会根据其父级容器的大小而变化,图片的宽度只设置百分比,这样可以根据浏览器窗口的大小变化而随时调整。
如何实现自适应宽度?
css自适应宽度有2种方式:
1.是通过百分比来控制宽度;
2.可以通过块状元素自动占满父级的宽度的特性来实现PS:当然还有一些方法,比如css3的flex-box布局,用flex布局的话,非常的方便可以实现多种自适应布局,但是,只适用于移动端,PC端上面只有高版本的浏览器才兼容,低版本的浏览器是不兼容的。