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

[bt0]

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

要加哪些条件呢？

[bt0]

不是很懂 @media 谁给个链接

[adspe]

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

[yangxiongguo]

上 rem

[bt0]

@adspe 加这一条就好了吗

[s0f]

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

[bt0]

@s0f 好的 我试试

[adspe]

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

[bt0]

@bt0 记下来了 谢谢 #_#

[hahasong]

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

[slixurd]

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

[qcloud]

看着头像我就进来了

[bt0]

@qcloud 难道是青云？

[qcloud]

@bt0 腾讯云？

[bt0]

@qcloud sorry #。#