媒体查询@media(媒体查询是什么)

推荐整理分享媒体查询@media(媒体查询是什么)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:媒体查询css,媒体查询的使用方法,媒体查询设备断点,媒体查询就是查询出当前浏览器的名称和版本号,媒体查询由什么组成,媒体查询css,媒体查询由什么组成,媒体查询@media识别14promax,内容如对您有帮助，希望把文章链接给更多的朋友！

@media可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则，CSS3 根据设置自适应显示。

①多媒体类型:

        all用于所有多媒体类型设备

        print用于打印机

        screen用于电脑屏幕，平板，智能手机等

        speech用于屏幕阅读器

②条件:

        max-width： 输出设备中页面最大可视区域宽度，小于这个width时，其中的css生效

        min-width： 输出设备中页面最小可视区域宽度，大于这个width时，其中的css生效

        max-height： 输出设备中页面最大可视区域高度

        min-height： 输出设备中页面最小可视区域高度

①link的方式

②css的方式