PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） ...

什么是媒体查询 媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有：width、height和color（等）。使用媒体查询可以在不改变页面内容的情况下，为特性的一些输出设备定制显示效果。 媒体查询语法 CSS3中的媒体查询：根据浏览器窗口大小的改变 ...

@media (max-width:1300px) {} @media (max-width:1080px) {} @media (max-width:799px) {} @media (max ...

1、什么是媒体查询 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改 ...

CSS2多媒体查询： 　　@media规则在css2中有介绍，针对不同媒体类型(包括显示器，便携设备，电视机，等等)可以定制不同的样式规则。 CSS3多媒体查询： 　　CSS3多媒体查询继承了CSS2多媒体类型的所有思想，取代了查找设备的类型，CSS3根据设置自适应显示。 　　多媒体查询 ...

...

准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： html 代码 ...

1、什么是媒体查询 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改 ...