是否可以仅通过 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