2.媒体查询:
这个是css3中给出的,我们要解决的问题是适应手机屏幕,这个媒体查询正是为解决这个问题而生,媒体查询的功能就是为不同的媒体设置不同的css样 式,这里的“媒体”包括页面尺寸,设备屏幕尺寸等
(你还可以设置更多节点)
用媒体查询的话要保证每个像素下都有对应的适配效果显然你要设置更小的宽度范围;
3.还有就是css3的单位rem:
rem就是将根节点html的font-size的值作为整个页面的基准尺寸
屏幕放大缩小这三个div也同样还在一行等比放大缩小
html
3个小技巧
在CSS中,em作为单位有以下 3 个小技巧:
首行缩进使用text-index:2em实现。
使用em作为统一单位。
使用em作为字体大小单位。
1.CSS单位-CSS进阶