Mis*_*agh 10 html css browser zoom stylesheet
当缩小Firefox(以及大多数其他浏览器)时,右侧栏和顶部菜单的布局会中断.侧栏跳到页面底部.要复制此问题,请访问该网站并:
Zoom Out在浏览器视图菜单下找到并单击几次.到目前为止,我发现的唯一解决方案是使用几个像素减小侧边栏的宽度,并减小其中一个菜单列表项的宽度.这个虚拟修复的问题在于,当以实际大小查看站点时,可以看到菜单在宽度上缺少几个像素.
当然,必须有一个更好的解决方案来解决这个问题.你知道吗？
对于顶部菜单，您可以尝试将div两者的包装设置ul为position:relative，然后将ul#mega元素设置为position:absolute并附加 CSS 声明right:0。绝对定位似乎是解决此类问题的一种很好的跨浏览器方法。
对于侧边栏，您可以设置position:absolute和。right:0div#sidebar
Safari问题的思考过程1：
如果顶部菜单中的“更多”菜单宽度不同，请尝试设置ul#secondary-menu为position:relative;z-index:11;。然后，您可以将 padding-left 添加到 的子li.mmore级，以通过将 扫过另一个 的下方来ul#mega补偿不同缩放下的不同浏览器宽度评估。然后，为了加宽彩色线，将声明从的子级转移到自身并相应地调整高度。liliborder-bottomali.mmoreli.mmore