1

我正在尝试将导航与我在此处创建的网站上的以下横幅对齐：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;
    }
4

2 回答 2

0

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

于 2012-11-11T21:02:42.627 回答
0

也许尝试使用这些定义您的浏览器及其版本的函数，并在您的html标签中编写，<html class="<?php echo getBrowser();?>">然后在您的css中您可以为不同的浏览器编写样式，例如，如果您使用的是chrome 23，您将拥有html标签喜欢<html class="chrm chrm23">，所以在你的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;

    }
于 2012-11-11T21:03:15.890 回答