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

  • 1
  • 0
  • 约3.8千字
  • 约 27页
  • 2023-02-01 发布于上海
  • 举报
会计学;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”,根据不同的窗

文档评论(0)

1亿VIP精品文档

相关文档