css如何让图像的大小自适应屏幕?在平板上和手机上都能自适应
无论是电脑还是手机,要做到自适应屏幕,其实都是一样的。首先,在网页代码的头部,加入一行viewport标签<meta name="viewport" content="width=device-width
如何实现自适应宽度
css自适应宽度有2种方式:
1.是通过百分比来控制宽度;
2.可以通过块状元素自动占满父级的宽度的特性来实现PS:当然还有一些方法,比如css3的flex-box布局,用flex布局的话,非常的方便可以实现多种自适应布局,但是,只适用于移动端,PC端上面只有高版本的浏览器才兼容,低版本的浏览器是不兼容的。
css怎么设置左边固定右边自适应
1.浮动
将左边固定区域设置浮动,右边margin设置为左边固定div的宽度。
2.绝对定位(absolute)
将左边固定区域设置相对定位,右边margin设置为左边固定div的宽度。
3.flex弹性布局
4.grid 网格布局
5.左边浮动,让right单独成为一个BFC,BFC的区域不会与float box重叠。