隐约相关这个问题 https://stackoverflow.com/questions/2447511/can-you-target-google-chrome,但又不完全相同。我只想定位 Chrome,而不定位 Safari。
我使用了以下媒体查询,但它同时针对 Chrome 和 Safari:
@media screen and (-webkit-min-device-pixel-ratio: 0) {
h1, h2 {
font-weight: bold;
}
}
Chrome 在以粗体呈现标题元素方面做得很好,即使我正在使用的字体的粗体版本不存在。 Safari...没那么多。因此,超级特定的目标。作为参考,字体是科迪·斯塔 http://www.google.com/fonts/specimen/Codystar.
现在有一些特定于浏览器的 CSS hack 可能可以解决这个问题,但它们肯定不受支持。
恕我直言,您最好的选择是使用 JavaScript 将一个类添加到 body 标记,该类读取您的 navigator.userAgent 并使用该类(例如 body.chrome)来定位 Chrome。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)