页面布局

    xiaoxiao2025-04-30  8

       媒体查询:CSS中可以使用media属性使特定的style(样式)在指定媒体设备中显示。    媒体设备类型:1.PC。2.平板电脑。3.手机。    媒体查询方式:1.通过HTML style元素查。2. 通过CSS代码查询 。3.通过CSS @import语句查询 。    媒体属性:           1.颜色 (Color) 指定输出设备每个像素单元的比特值。如果设备不支持输出颜色,则该值为0。         2. 设备宽度(device-width) 描述了输出设备的宽度(整个屏幕或页的高度,而不是仅仅像文档窗口一样的渲染区域)。        3.宽度(width) width 媒体属性描述了输出设备渲染区域(如可视区域的宽度或打印机纸盒的宽度)的宽度。         4. 黑白(monochrome) 指定了一个黑白(灰度)设备每个像素的比特数。如果不是黑白设备,值为0。   大多数媒体属性带有“min-”和“max-”前缀,用于表达“大于等于”和“小于等于”。    媒体查询操作符 :         1.and 操作符用来把多个 媒体属性 组合起来,合并到同一条媒体查询中。只有当每个属性都为真时,这条查询的结果才为真。                       2.not 操作符用来对一条媒体查询的结果进行取反。           3.only可以通过它让选中的样式在老式浏览器中不被应用  4.逗号分隔的列表
    转载请注明原文地址: https://ju.6miu.com/read-1298591.html
    最新回复(0)