是否可以仅通过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的Chrome（以及Safari，因为两者都是基于WebKit的）：

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

请参阅Question on webkit-min-device-pixel-ratio