是否可以仅通过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大小的风格,但这适用于所有浏览器,除了铬,新的样式出现在1041px的大小

是否有任何方法来定位铬只是为了给它不同大小的ipa风格

Answer 1

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

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

请参阅关于webkit-min-device-pixel-ratio的问题