这是媒体查询:
<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 样式
以下内容可用于针对 Chrome(和 Safari,因为两者都是基于 WebKit)的 CSS:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* CSS rules */
}
See 关于 webkit-min-device-pixel-ratio 的问题 https://stackoverflow.com/questions/5815897/question-on-webkit-min-device-pixel-ratio
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)