本文最后更新于 326 天前，其中的信息可能已经有所发展或是发生改变。
逛runoob的时候，发现了link标签的media属性，拿来做响应式很不错。
实际上清华大学官网也有用到这个
<head>
...
<link rel="stylesheet" href="style/index.css">
<link rel="stylesheet" href="style/phone.css" media="screen and (max-width: 800px)">
...
</head>media属性的值是screen and (max-width: 800px)，表示当屏幕宽度小于或等于800像素时，将应用phone.css样式表。