Safari条件CSS

Safari条件CSS,css,safari,Css,Safari,我如何添加css以仅由safari读取?基本上,一个div需要向左移动5个像素,因为它在ff/ie等上显示良好 谢谢 编辑-添加代码 代码: 您可以在webkit中检查特定的css属性。这可能也适用于chrome @media screen and (-webkit-min-device-pixel-ratio:0) { .someClass{ color:#FF0000; } } 这听起来不对。第一行将左右边距设置为933px。

我如何添加css以仅由safari读取?基本上,一个div需要向左移动5个像素,因为它在ff/ie等上显示良好

谢谢

编辑-添加代码

代码:


您可以在webkit中检查特定的css属性。这可能也适用于chrome

@media screen and (-webkit-min-device-pixel-ratio:0) {
        .someClass{
            color:#FF0000;
        }
    }
这听起来不对。第一行将左右边距设置为933px。宽度为761px。元素的总宽度为
(933*2+10*2+761)=2647px


这就是你想要的吗?

谢谢,这似乎是一个只适合狩猎的bug?有没有可能我只能用这个。你确定chrome里没有这个bug?我认为他们有相同的渲染引擎。是的,我刚刚检查过,它看起来不错。Safari使用和Google Chrome(webkit)相同的渲染引擎,所以不太可能只在其中一个引擎中出现问题。如果它只在Safari上出现,您可能会考虑JavaScript解决方案。更好的是,试着找出问题真正发生的原因,并找出一种避免特定于浏览器的CSS的方法。感谢我在mac和pc上都进行了检查,并且只在Safari中进行了检查,我已经在它似乎有问题的空白处添加了代码。网站上的代码将非常有用-我认为这不太可能是Webkit错误,你可以改变你的编码方式,它会正常工作。我原以为这与此有关,但除了safari之外,它似乎在所有方面都表现良好。解决办法是什么?谢谢你可能有其他的替代。你可以发布一个链接到你的页面或者一个小的测试用例来重现你的问题吗?它应该是什么样子的?在我看来,IE8、Firefox、Chrome和Safari(Win)都是一样的。您链接的页面在所有浏览器中显示相同。我看不出狩猎有什么不同。子标题将呈现在菜单栏的最右侧。
@media screen and (-webkit-min-device-pixel-ratio:0) {
        .someClass{
            color:#FF0000;
        }
    }
margin: 0 933px;
margin-top: -25px;
width: 761px;