zoukankan      html  css  js  c++  java
  • CSS dppx详解

    每像素包含点的数量(dots per pixel)

    普通屏幕通常包含96dpi,一般将2倍于此的屏幕称之为高分屏,即大于等于192dpi的屏幕,比如Mac视网膜屏就达到了192dpi(即2dppx),打印时一般会需要更大的dpi;

    1dppx = 96dpi

    1dpi ≈ 0.39dpcm

    1dpcm ≈ 2.54dpi

    1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

    示例代码:

    @media screen and (min-resolution: 2dppx) { ... }
    @media screen and (min-resolution: 1dppx) and (max-resolution: 1.9dppx) { ... }
    

      

    演示代码:

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="utf-8" />
    <title>CSS dppx详解-CSS教程</title>
    <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
    <style>
    @media screen and (min-resolution: 2dppx) {
        .normal{display:none;}
    }
    @media screen and (min-resolution: 1dppx) {
        .retina{display:none;}
    }
    </style>
    </head>
    <body>
    <p class="retina">视网膜屏</p>
    <p class="normal">普通屏</p>
    </body>
    </html>
        
  • 相关阅读:
    ios 读取通讯录
    隐藏多余的分割线
    Cell高亮时设置cell内容
    iOS录音
    iOS发送信息功能(生成信息内容)
    iOS颜色选择器
    iOS缓存
    二维码扫描
    梵讯笔记
    微信开发后台库
  • 原文地址:https://www.cnblogs.com/deajax/p/14648264.html
Copyright © 2011-2022 走看看