Question

如何仅为Chrome浏览器设置margin-top？看起来CSS中没有-webkit-margin-top属性。

Answer 1

嗯那应该有用，不幸的是我无法评论，但试试这个

-webkit-margin-before: 100px;

这可能会解决问题。

Answer 2

您可以随时在JS中进行浏览器识别，然后为不同的浏览器应用不同的基类。此外，当您在一两年内查看代码时，这将使您更快乐，而不是使用当时可能存在或可能不存在的CSS黑客。

Answer 3

您无法仅查看＆chrome;＆＃39; chrome＆＃39;在CSS上。前缀＆＃39; -webkit - ＆＃39;有许多浏览器，铬，safari甚至最新的歌剧。所以你必须使用＆＃39;用户代理＆＃39;。离。

＆＃13;

$(function(){
	
	var userAgent = navigator.userAgent.toLowerCase();
	if (userAgent.indexOf("chrome") != -1){
		$('html').addClass('chrome');
	}
	
});

＆＃13;

.myEl{
	background: pink;
}

html.chrome .myEl{
	margin-top: 100px;
}

＆＃13;

<div class="myEl">test</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

但我同意@Shomz。：）

Answer 4

为什么您只想在Chrome中获得保证金？如果您正在尝试更正仅在Chrome中出现的其他问题，那么您通常会错误地设置其他一些属性（例如，当您不需要时，绝对顶级定位）

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

Answer 5

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

如何仅为Chrome浏览器设置margin-top？

5 个答案: