w3ctech

W3C增加新的 Media Query 规则以支持不同性别年龄的互联网人群

国外砖家分析,男女性存在很大的生理差异.

img

男性用户与女性用户对互联网的浏览和消费行为有着明显的偏好不同,为了针对不同性别的人群提供更好的服务,许多网站都拥有针对女性用户有不同的版本定制的需求:

男生版:

img

女生版:

img

为了更好地支持这样的需求,W3C组织宣布新增media query的性别标准,在最新版的chrome浏览器和IE11中,可以这样为同一个网页提供男性和女性用户不同的css:

<!-- 针对女性用户的网页版css -->
<link href="css/forwoman.css" rel="stylesheet" type="text/css" media="woman" />

<!-- 针对18-24岁年龄的女生的css -->
<link href="css/forwoman.css" rel="stylesheet" type="text/css" media="woman and (min-age:18, max-age: 24)" />

除了这种方式之外,也可以通过@import方式引入:

@import url("css/forwoman.css") woman;

或者@media引入:

@media woman{
  选择器{
    属性: 属性值;
  }
}

以上内容纯属YY,祝大家愚人节快乐~

w3ctech微信

扫码关注w3ctech微信公众号

共收到2条回复

  • 哇哇哇

    回复此楼
  • 干嘛要加上最后一句 ^_^

    回复此楼

只有w3ctech成员才能发表和回复。
登录 或者 注册 后发表或回复!