,如果想要实现自适应,那就只要修改html的字体大小即可,但是em的话则要修改许许多多的盒子.
02
媒体查询
媒体查询(Media Query)是CSS3的新语法
使用@media查询,可以针对不同的媒体类型定义不同的样式...@media可以针对不同的屏幕尺寸设置不同的样式
当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面....CSS-Code;
}
用media开头,注意@符号
mediatype 媒体类型
关键字and no only
media feature 媒体特性 必须要有小括号包含
mediatype查询类型...做一个小案例,当屏幕尺寸变化时,元素大小也会动态变化:
我们将字体和盒子的大小单位不定死,而是用随着html变化而动态变化的rem单位,这样我们只要修改html字体大小,就可以让字体和盒子大小跟着变化...,使用媒体查询修改通过判断屏幕的大小改变html字体的大小
让文字垂直居中利用的是line-height,这里也可以 不定死,用rem单位,将line-height设置成height一样就可以.
<