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 running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* 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.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	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