css中的@media用法总结

转载自:https://blog.csdn.net/candy_home/article/details/80738052](https://blog.csdn.net/candy_home/article/details/80738052

image.png

CSS Media属性
　　screen：指计算机屏幕。
　　print：指用于打印机的不透明介质。
　　projection：指用于显示的项目。
　 　braille：盲文系统，指有触觉效果的印刷品。
　　aural：指语音电子合成器。
　　tv：指电视类型的媒体。
　　 handheld：指手持式显示设备(小屏幕，单色)
　　all：适合于所有媒体。

@media screen {
div.bottom {
lightblue;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
height: 20px;
}
}
@media print {
div.bottom {
position: absolute;
top: 0px;
}
}


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容