（续）上个评论里我说要展示完整版的，如下：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<style type="text/css">
@media screen and (max-width:640px){
.element{ color:#ff0000;font-size:32px; } //屏幕宽度小于640px时显示红色字体
}
@media screen and (max-width:480px){
.element{ color:#0000ff;font-size:16px; } //屏幕宽度小于480px时显示蓝色字体
}
</style>
</head>
<body>
<p class="element">hahah</p>
</body>
</html>
直接复制过去，新建一个文件，把文件名加后缀名都改掉，变成 1.html ，直接拖到浏览器里，切换最大化按钮，往左拖拽到最窄的宽度，马上就能看出来效果了。
喜欢，一定要给我点赞哈！