html - 是否可以仅通过 html 或媒体查询来定位 chrome

Question

这是媒体查询:

<link rel="stylesheet" media="screen and (min-device-width: 1024px)" href="desktop.css"/> 

<link rel='stylesheet' media='screen and (min-width: 1023px) and (max-width: 1025px)' href='ipad.css' />

这样我就得到了 1024px 大小的不同样式，但这适用于除 chrome 之外的所有浏览器，新样式出现在 1041px 大小

有没有什么方法可以只针对 chrome 以提供不同大小的 ipa 样式

Answer 1

以下内容可用于针对 Chrome(和 Safari，因为两者都是基于 WebKit)的 CSS:

@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* CSS rules */
}

参见 Question on webkit-min-device-pixel-ratio