【问题标题】:Padding different in chrome mac vs firefox and chrome pcchrome mac 与 firefox 和 chrome pc 中的填充不同
【发布时间】:2012-10-31 09:07:38
【问题描述】:

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

我已经能够让它在我的 Mac 上的 Chrome 和 Safari 以及 IE 中对齐,但它在 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;
    }

【问题讨论】:

    标签: google-chrome firefox padding platform platform-detection


    【解决方案1】:

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

    【讨论】:

      【解决方案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;
      
          }
      

      【讨论】:

        猜你喜欢
        • 2014-01-27
        • 2014-01-01
        • 2014-04-29
        • 2014-12-02
        • 2014-09-15
        • 2013-07-22
        • 2018-10-22
        • 1970-01-01
        • 2011-07-19
        相关资源
        最近更新 更多