网格 | @media.grid (Media Queries) - CSS 中文开发手册 - Break易站

2021-01-27 11:14

阅读:703

标签:media   ati   support   view   ecif   hat   table   bitmap   特征   


  • ??CSS 中文开发手册

    网格 | @media.grid (Media Queries) - CSS 中文开发手册

    @media.grid

    该grid CSS @media媒体功能可用于应用基于输出设备是否使用基于位图的基于网格或屏幕的风格。

    语法

    该grid特征被指定为表示输出设备是否基于网格的值(0或1)。

    例子

    HTML

    I don‘t know if you‘re using a grid device. :-(

    You are using a bitmap device.

    You are using a grid device! Neato!

    CSS

    :not(.unknown) {
    ? color: lightgray;
    }
    
    @media (grid: 0) {
      .unknown {
    ?   color: lightgray;
    ? }
    
    ? .bitmap {
    ?   color: red;
      }
    }
    
    @media (grid: 1) {
    ? .unknown {
    ?   color: lightgray;
    ? }
    
    ? .grid {
    ?   color: red;
    ? }
    }

    结果

    规范

    Specification

    Status

    Comment

    Media Queries Level 4The definition of ‘grid‘ in that specification.

    Working Draft

    No change.

    Media QueriesThe definition of ‘grid‘ in that specification.

    Recommendation

    Initial definition.

    浏览器兼容性

    Feature

    Chrome

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari

    Basic support

    (Yes)

    (Yes)

    ?

    (Yes)

    (Yes)

    Feature

    Android

    Firefox Mobile (Gecko)

    IE Mobile

    Opera Mobile

    Safari Mobile

    Basic support

    ?

    ?

    ?

    ?

    ?

    
    
  • ??CSS 中文开发手册
  • ??本文标题:网格 | @media.grid (Media Queries) – CSS 中文开发手册 - Break易站
  • 转载请保留页面地址:https://www.breakyizhan.com/css/32175.html

    网格 | @media.grid (Media Queries) - CSS 中文开发手册 - Break易站

    标签:media   ati   support   view   ecif   hat   table   bitmap   特征   

    原文地址:https://www.cnblogs.com/breakyizhan/p/13222315.html


    评论


    亲,登录后才可以留言!