我有一个菜单,在其中我使用样式化的 UL 提供了几个链接。当分辨率设置为 100% 时,它看起来很棒,但是当我更改屏幕分辨率时,链接不适合菜单,其中一些会转到另一行,这会导致烦人的错误。
我的问题是;这怎么可能?我的意思是,如果在分辨率设置为 100% 时所有元素都坐在一起,那么当我更改分辨率时,所有元素都应该相应地缩放,这意味着菜单结构不应该改变。使此菜单静态并防止 LI 重新排序的最佳方法是什么?
我的代码:
<ul class="top-menu drop" style="margin:4px 10px 0 0;">
//get items from DB to var $Result
while($a_row=mysql_fetch_array($Result))
{
$menu_id++;
echo "<li><a href=''>$a_row[main_product_name]</a>";
echo "<ul class='drop-down' id='menu$menu_id'>";
//populate the menu UL
echo "</ul></li>";
}
菜单的CSS:
.top-menu{
padding:0;
margin:0 10px 0 0;
height:20px;
list-style: none;
}