0

<div>大家好，我的菜单栏在不同的浏览器中无法适应我的区域。我检查过 Opera 和 Chrome，它看起来不错，但使用 Explorer 和 Firefox，我的菜单不适合。

我的菜单在这个<div>标签中：

.page {
     width: 964px;
    margin-left: auto;
    margin-right: auto;
    background-image:url(../images2/images/orta_alan_bg_GOLGE.png);
    background-repeat:repeat-y;
}

这是我的菜单：

ul#menu {       
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: center;       
}

ul#menu li {
    display: inline;
    list-style: none;
    font-family: 'Museo300Regular';
    font-size:17px;
    font-style:normal;        
}
ul#menu li a 
{        
    background-image:url(../../images2/images/menu_bg_normal.jpg); 
    background-repeat: repeat;
    padding: 5px 19px 5px;        
    font-weight: normal;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #FEFEFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
      cursor:pointer;          
}

那么为什么它不能与 Explorer 和 Firefox 兼容的问题是什么？

我附上一张图片你可以理解我的意思

在此处输入图像描述

这是它可以安装的 Chrome 和 Opera

在此处输入图像描述

4

2 回答 2

3

文本在不同的浏览器中总是会占用不同的空间（甚至在不同计算机上的相同浏览器中）。

因此，如果您希望您的菜单完全适合，您不能将按钮的宽度直接基于其中的文本。要么使所有按钮的宽度相同，要么为每个按钮指定精确的宽度。

或者，使用表格，它可以根据单元格的内容划分单元格之间的空间。

于 2012-09-29T09:31:22.110 回答
1

您可以通过重置您的 CSS 代码来实现它。然后用于ul li设置列表项的样式。
如果需要，您可以使用条件注释来加载您的 IE 样式表并修复一些错误。

但通常我可以在 li 元素上的所有浏览器中获得 100% 的准确结果，因此证明了这一点。

于 2012-09-29T09:41:29.840 回答