rem基础：rem是一个相对单位，rem的基准是相对于html元素的字体大小。rem可以通过修改html里面的文字大小来改变页面中元素的大小。

 此时div的宽高就是150px，如果想要改变div的大小可以直接改变html中的文字大小。

使用rem单位后可以使一些不能自适应的元素，，达到当设备发生改变的时候等比例的适配当前的设备。

媒体查询可以根据不同的屏幕尺寸改变屏幕的样式。语法:

 当屏幕的宽度小于等于800时屏幕的颜色为pink色，当屏幕的宽度小于等于500时屏幕的颜色为紫色。and将多个媒体连接在一起相当于且的意思。

如果想要使我屏幕在一个范围内显示绿色可以用两个and

 以上就是rem和媒体查询的简单使用