基于浏览器代理设置样式属性

Question

我遇到的问题是打破了我网站的外观和感觉。我的标题在Chrome中运行良好但在firefox中中断。我修复了它然后它运行良好的Firefox和打破铬。

我想知道是否有办法检测哪个浏览器正在查看该网站，并根据该方法应用适当的样式代码。我在javascript中并不擅长，所以非常感谢您的支持。

Chrome代码：

          <table id="mini-login" cellpadding="10" cellspacing="10" style="margin-top:0px; float:left; margin-left:80px;">

Firefox代码：

          <table id="mini-login" cellpadding="10" cellspacing="10" style=" margin-top:-95px; float:left; margin-left:40px;"

Answer 1

您可以使用Modernizr，特别是load feature，根据浏览器功能加载资源。

Answer 2

首先，您应该避免在<tables>中进行编码。您可以将div用于此类布局。

尝试position:relative并调整top，left，right，bottom，以便在两个浏览器中都运行相同的代码。