Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何仅为Chrome浏览器设置页边距顶部?_Css - Fatal编程技术网

Css 如何仅为Chrome浏览器设置页边距顶部?

Css 如何仅为Chrome浏览器设置页边距顶部?,css,Css,如何仅为Chrome浏览器设置页边距顶部?看起来CSS中没有-webkit margin top属性 嗯,这应该行得通,不幸的是我不能评论,但试试这个 -webkit-margin-before: 100px; 这可能会解决问题。您始终可以在JS中进行浏览器识别,然后为不同的浏览器应用不同的基类。此外,当你在一两年内查看代码时,这会让你更快乐,而不是使用CSS黑客,在这一点上可能存在也可能不存在CSS黑客。你不能只检查CSS上的“chrome”。 前缀“-webkit-”有许多浏览器支持chr

如何仅为Chrome浏览器设置页边距顶部?看起来CSS中没有
-webkit margin top
属性

嗯,这应该行得通,不幸的是我不能评论,但试试这个

-webkit-margin-before: 100px;

这可能会解决问题。

您始终可以在JS中进行浏览器识别,然后为不同的浏览器应用不同的基类。此外,当你在一两年内查看代码时,这会让你更快乐,而不是使用CSS黑客,在这一点上可能存在也可能不存在CSS黑客。

你不能只检查CSS上的“chrome”。 前缀“-webkit-”有许多浏览器支持chrome、safari甚至最新的opera。 因此,您必须使用“用户代理”。 前

$(函数(){
var userAgent=navigator.userAgent.toLowerCase();
if(userAgent.indexOf(“chrome”)!=-1){
$('html').addClass('chrome');
}
});
.myEl{
背景:粉红色;
}
chrome.myEl{
边缘顶部:100px;
}
测试

为什么您只希望在Chrome中添加边距?如果您试图纠正一些仅在Chrome中出现的其他问题,则通常是您错误地设置了一些其他属性(例如,当您不需要绝对顶部定位时)


换句话说,你看到的其他行为会让你想考虑这个选项吗?

处理这种情况的最佳脚本,使用UA来确定它是否是Chrome浏览器

1 + ->代码> -WebKIT保证金之前的顶部,<代码> -WebKIT保证金结束< /代码>为右,<代码> -WebKIT保证金在底部之后,和
-webkit margin start
表示左侧。请记住,它还将影响所有其他基于webkit的浏览器,而不仅仅是Chrome。我想这就是答案。希望能有帮助。事情很多很多。CSS几乎有自己的想法……我有一个类似的问题,我不敢在这里解释,因为它非常详细。所以我可以提出这个问题。我还有一个非常详细的问题,比如@VladimirDespotovic。我在Chrome浏览器上的最大边距与Firefox浏览器上的最大边距不一样,导致两种浏览器的div不均匀。