V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
bt0
V2EX  ›  CSS

retina 屏幕的网页要怎么适配呢?

  •  
  •   bt0 · 2016-03-28 17:45:50 +08:00 · 4080 次点击
    这是一个创建于 3163 天前的主题,其中的信息可能已经有所发展或是发生改变。

    自己的屏幕是 1080P 的,写好了网页,以为不错 但是在 Mac 上整个网页太小了 字也很小,几乎看不清了

    要加哪些条件呢?

    14 条回复    2016-04-07 12:37:40 +08:00
    bt0
        1
    bt0  
    OP
       2016-03-28 17:48:30 +08:00
    不是很懂 @media 谁给个链接
    adspe
        2
    adspe  
       2016-03-28 18:01:45 +08:00   ❤️ 1
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
    /* Retina-specific stuff here */
    }
    yangxiongguo
        3
    yangxiongguo  
       2016-03-28 18:39:36 +08:00 via iPad
    上 rem
    bt0
        4
    bt0  
    OP
       2016-03-28 18:44:36 +08:00
    @adspe 加这一条就好了吗
    s0f
        5
    s0f  
       2016-03-28 18:48:39 +08:00   ❤️ 1
    不是加上就好,在里面改字体大小
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
    /* Retina-specific stuff here */
    .****{
    font-size:16px;
    }
    }
    bt0
        6
    bt0  
    OP
       2016-03-28 19:01:43 +08:00
    @s0f 好的 我试试
    adspe
        7
    adspe  
       2016-03-28 19:07:25 +08:00
    那一条是针对 Retina 的 media query 记下来吧
    bt0
        8
    bt0  
    OP
       2016-03-28 19:09:43 +08:00
    @bt0 记下来了 谢谢 #_#
    hahasong
        9
    hahasong  
       2016-03-28 19:46:30 +08:00   ❤️ 1
    retina 的屏也是缩放显示的,在 1080p 上大小 ok ,在 Mac 上应该效果一致
    slixurd
        10
    slixurd  
       2016-03-28 20:00:34 +08:00   ❤️ 1
    Retina 加上缩放后是 900px 。所以 1080 没问题在 Mac 上也没问题
    qcloud
        11
    qcloud  
       2016-03-28 21:03:38 +08:00
    看着头像我就进来了
    bt0
        12
    bt0  
    OP
       2016-03-28 22:25:40 +08:00
    @qcloud 难道是青云?
    qcloud
        13
    qcloud  
       2016-03-28 23:47:18 +08:00
    @bt0 腾讯云?
    bt0
        14
    bt0  
    OP
       2016-04-07 12:37:40 +08:00
    @qcloud sorry #。#
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4750 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:04 · PVG 12:04 · LAX 20:04 · JFK 23:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.