CSS 媒体查询与盒模型详解
1. CSS 媒体查询
在 CSS 中,媒体查询是一种强大的工具,可根据不同的设备类型和特性应用不同的样式。例如:
@media screen {
body {
font-size: 1em;
}
}
上述代码中, @media screen 表示该样式规则仅适用于屏幕设备。此规则会使屏幕上的 body 元素字体大小为 1em。
不过, @media 规则在一些旧浏览器中支持较差。因此,更推荐使用 media 属性来区分不同媒体类型的样式表。以下是一个实际操作示例:
操作步骤:
- 对
dinner_menu.html文件进行如下调整:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
JT’s Island Grill and Gallery - Chokoloskee, Florida
</title>
<l
超级会员免费看
订阅专栏 解锁全文
1129

被折叠的 条评论
为什么被折叠?



