html - 更改页面比例 (ctrl+ ctrl-)，会破坏页面布局

Question

当我更改页面比例(ctrl-+、ctrl--)时，会破坏页面布局。

最后一个元素正在掉落。

帮助我，我需要将布局更改为适当缩放的菜单。

• 页面:
• 截图:

Answer 1

因为这对您来说真的很重要，所以这里有一个主意。

尝试用 display:inline-block(或 display:inline-block;*display:inline;zoom: 1 如果您需要 IE7 支持)和 white-space: nowrap 在父元素上。

您还必须删除 HTML 中的一些空格:

</li>

<li class="level1" id="pm2"><a href="/computers/" class="level1">..</a>

到:

</li><li class="level1" id="pm2"><a href="/computers/" class="level1">..</a>

其他的也一样。

完成后，它看起来应该是一样的，但缩放“问题”应该得到解决。