Chrome Mac vs Firefox和Chrome PC中的填充不同

我正在尝试将导航与我在这里创建的网站上的横幅对齐：http://35.9.51.41

我已经能够做到这一点，因此它可以在我的Mac上和IE中与Chrome和Safari保持一致，但是它仍然使用Chrome或Firefox在Firefox或任何PC上都错过了。这使我转过头。有什么建议吗？

我有一个填充物在此处用导航的宽度确定：

#nv-tabs a {
     padding:0 33px 0 34px;
     text-decoration:none;
     cursor: pointer; /* IE 7 bug-fix */
     color:#FFFFFF!important;
     display:block;
     background:none;
     line-height: 29px; 
     z-index:100;
     font-family: Arial, sans-serif;
     text-transform:uppercase;
     font-size:13px;
     font-weight:normal;
    }

定义一个宽度，它应该对您的问题进行整理，还要查看盒子大小：Border-Box

也许尝试使用这些功能，以定义您的浏览器及其版本，并且在您可以编写的HTML标签中，您可以编写<html class="<?php echo getBrowser();?>">，然后在CSS中，您可以为不同的浏览器编写样式，例如如果您使用的是Chrome 23，则将具有<html class="chrm chrm23">之类的HTML标签，因此在CSS中可以写

.chrm .yourclass { /*属性在这里*/}

function getBrowser() {
    global $_SERVER;
    $firefoxStart = strrpos($_SERVER['HTTP_USER_AGENT'], 'Firefox');
    $chromeStart = strrpos($_SERVER['HTTP_USER_AGENT'], 'Chrome');
    $safariStart = strrpos($_SERVER['HTTP_USER_AGENT'], 'Safari');
    if ($firefoxStart !== false){
        $version = $this->getVersion($firefoxStart, 8);
        return "ff ff" . $version;
    }elseif ($chromeStart !== false){
        $version = $this->getVersion($chromeStart, 7);
        return "chrm chrm" . $version;
    }elseif ($safariStart != false){
        $version = $this->getVersion($safariStart, 7);
        return "sfr sfr" . $version;
    }
}

   private function getVersion($start, $length){
        global $_SERVER;
            $end = strpos($_SERVER['HTTP_USER_AGENT'], ' ', $start);
            if ($end === false){
                $end = strlen($_SERVER['HTTP_USER_AGENT']);
            }
            $versionStr = substr($_SERVER['HTTP_USER_AGENT'], $start + $length, $end - $start - $length);
            $version = floatval($versionStr);
            $version = str_replace('.', '', $version);
            return $version;
    }

相关内容

最新更新

热门标签：