@media only screen and (min-width: 480px) and (max-width: 767px) {
}
这是我的媒体查询如何修复它。如何设置 safari 网络浏览器。
媒体查询不是为了浏览器检测而进行的。使用 javascript 代替，例如：
if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0)
{
alert("Browser is Safari");
}
从此时起，您可以在 body 标记上设置一个类来指示 safari 浏览器。
if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0)
{
document.getElementsByTagName("BODY")[0].className += " safari";
}
然后你可以使用 CSS 仅定位 safari 元素，如下所示：
body.safari h1{
color: cyan;
}
有关检测浏览器的更多讨论可以找到here https://stackoverflow.com/questions/7944460/detect-safari-browser
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
