CSS媒体查询是一种非常强大的技术,可以让我们在不同的设备和窗口大小下应用不同的样式。但是,你是否知道,CSS媒体查询不仅可以写外部样式,还可以写内部样式。
@media screen and (max-width: 768px) { /* 这里是写内部样式的地方 */ body { font-size: 14px; line-height: 1.5; } }
在上面的代码片段中,我们使用CSS媒体查询为最大宽度为768像素的屏幕写了一组内部样式。当屏幕宽度小于或等于768像素时,这组样式将被应用到页面中。
当然,如果你只想写内部样式而不是外部样式,你也可以在HTML文档的头部使用
无论你是在
标签里还是在CSS文件里使用CSS媒体查询,只要记住这一点:在你想应用这个特定的样式时,才会将其应用到页面中。