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

V2EX = way to explore

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

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3684 days ago, the information mentioned may be changed or developed.

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

要加哪些条件呢？

网页

Mac

Retina

屏幕

14 replies • 2016-04-07 12:37:40 +08:00

bt0

Mar 28, 2016

不是很懂 @media 谁给个链接

adspe

Mar 28, 2016

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

yangxiongguo

Mar 28, 2016 via iPad

上 rem

bt0

Mar 28, 2016

@adspe 加这一条就好了吗

s0f

Mar 28, 2016

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

bt0

Mar 28, 2016

@s0f 好的我试试

adspe

Mar 28, 2016

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

bt0

Mar 28, 2016

@bt0 记下来了谢谢 #_#

hahasong

Mar 28, 2016

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

slixurd

Mar 28, 2016

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

qcloud

Mar 28, 2016

看着头像我就进来了

bt0

Mar 28, 2016

@qcloud 难道是青云？

qcloud

Mar 28, 2016

@bt0 腾讯云？

bt0

Apr 7, 2016

@qcloud sorry #。#