Question

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

我已经能够做到这一点，因此它在我的Mac和IE中与Chrome和Safari对齐，但它仍然在Firefox或任何使用Chrome或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;
    }

Answer 1

定义宽度，它应该对您的问题进行排序，并查看box-sizing：border-box

Answer 2

也许尝试使用这些定义浏览器及其版本的函数，并在你的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;

    }

填充不同的chrome mac vs firefox和chrome pc

2 个答案: