@media可以针对不同的屏幕尺寸设置不同的样式
当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面....,称为媒体类型
值 解释说明
all 用于所有设备
print 用于打印机和打印预览
screen 用于电脑屏幕,平板电脑,智能手机等
关键字
媒体特性
每种媒体类型都具体有各自不同的特征,...>
/* 这句话的意思是:在我的屏幕吧上,且最大的宽度为800像素,就设置成我们想要的样式 */
@media screen and (max-width:800px)...做一个小案例,当屏幕尺寸变化时,元素大小也会动态变化:
我们将字体和盒子的大小单位不定死,而是用随着html变化而动态变化的rem单位,这样我们只要修改html字体大小,就可以让字体和盒子大小跟着变化...,一行只显示一个盒子,当尺寸大时,一行显示两个.