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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3153 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

要加哪些条件呢？

网页

Mac

Retina

屏幕

14 条回复 • 2016-04-07 12:37:40 +08:00

bt0

2016-03-28 17:48:30 +08:00

不是很懂 @media 谁给个链接

adspe

2016-03-28 18:01:45 +08:00

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
/* Retina-specific stuff here */
}

yangxiongguo

2016-03-28 18:39:36 +08:00 via iPad

上 rem

bt0

2016-03-28 18:44:36 +08:00

@adspe 加这一条就好了吗

s0f

2016-03-28 18:48:39 +08:00

不是加上就好，在里面改字体大小
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
/* Retina-specific stuff here */
.****{
font-size:16px;
}
}

bt0

2016-03-28 19:01:43 +08:00

@s0f 好的我试试

adspe

2016-03-28 19:07:25 +08:00

那一条是针对 Retina 的 media query 记下来吧

bt0

2016-03-28 19:09:43 +08:00

@bt0 记下来了谢谢 #_#

hahasong

2016-03-28 19:46:30 +08:00

retina 的屏也是缩放显示的，在 1080p 上大小 ok ，在 Mac 上应该效果一致

slixurd

2016-03-28 20:00:34 +08:00

Retina 加上缩放后是 900px 。所以 1080 没问题在 Mac 上也没问题

qcloud

2016-03-28 21:03:38 +08:00

看着头像我就进来了

bt0

2016-03-28 22:25:40 +08:00

@qcloud 难道是青云？

qcloud

2016-03-28 23:47:18 +08:00

@bt0 腾讯云？

bt0

2016-04-07 12:37:40 +08:00

@qcloud sorry #。#