css 一种CSS媒体查询,可捕获几乎所有高DPI感知设备。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 一种CSS媒体查询,可捕获几乎所有高DPI感知设备。相关的知识,希望对你有一定的参考价值。

/* -------------------------------------------------------- */
/*                                                          */
/* A media query that captures:                             */
/*                                                          */
/* - Retina iOS devices                                     */
/* - Retina Macs running Safari                             */
/* - High DPI Windows PCs running IE 8 and above            */
/* - Low DPI Windows PCs with IE zoomed in                  */
/* - Android hdpi devices and above                         */
/* - Android tvdpi devices, including Google Nexus 7        */
/* - Chrome running on high DPI Macs and PCs                */
/*                                                          */
/* Please note that that this code assumes you'll swap a    */
/* 2× version of your images. If you'd like to supply       */
/* finer increments, other thresholds might be appropriate. */
/*                                                          */
/*                                @marcedwards from @bjango */
/*                                                          */
/* -------------------------------------------------------- */

@media
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (min-device-pixel-ratio: 1.3),
	only screen and (min-resolution: 120dpi)
	{
		/* Your code to swap higher DPI images */
	}

以上是关于css 一种CSS媒体查询,可捕获几乎所有高DPI感知设备。的主要内容,如果未能解决你的问题,请参考以下文章

css 一种CSS媒体查询,可捕获几乎所有高DPI感知设备。

css 一种CSS媒体查询,可捕获几乎所有高DPI感知设备。

css 在高dpi媒体设备上使用更漂亮的字体平滑

css 在高dpi媒体设备上使用更漂亮的字体平滑

css 媒体查询高分辨率Retina CSS样式

css 高DPI的media.css