📜  基础 CSS 交换(1)

📅  最后修改于: 2023-12-03 15:37:49.148000             🧑  作者: Mango

基础 CSS 交换

CSS 交换是指在不同的设备和媒体上,使用不同的 CSS 文件或其它方法来增强用户使用体验,并适应不同的设备。

媒体查询

媒体查询是一种 CSS3 新增的特性,可以根据媒体类型和媒体特性来定义样式,从而使网页能够根据不同的设备和屏幕大小进行适配。

媒体查询可以用于基于屏幕大小来切换 CSS 样式表,例如:

/* 如果屏幕宽度小于 768 像素,则使用移动版样式 */
@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
}
标签

标签交换是一种使用 HTML 标签(如