响应式Web设计媒体查询.pptxVIP

会计学;1、CSS3媒体查询 计算当前浏览器环境的某些方面（如窗口宽度、长宽比和方向等），来确定应用哪个CSS。 2、流式网格布局 对页面布局元素使用相对CSS比例而不是绝对大小。 3、流式图像和媒体 通过使用一些CSS技巧，使图像和媒体比例适应其浏览器的大小约束。; 通过不同的媒体类型和条件定义样式表规则，媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。 媒体查询能够获取的值如下： 设备的宽和高device-width，device-heigth。 渲染窗口的宽和高width，heigth。 设备的手持方向，横向还是竖向orientation(portrait|lanscape) 等。 画面比例aspect-ratio点阵打印机等。 设备比例device-aspect-ratio-点阵打印机等。 对象颜色或颜色列表color，color-index显示屏幕。 设备的分辨率resolution。;语法结构及用法 ? 媒体查询有两种使用方式， 一种是在CSS样式中内嵌“@media”，在同一个CSS中通过不同窗口编写不同的样式去选择。 另一种是使用外部样式表的引用， 在@import和link中使用“@media”，根据不同的窗