html - html 布局在缩放时变得混乱

Question

我目前正在为电子商务网站定制一个主题，它适用于所有浏览器。但是，当放大（25% 到 90%）或缩小（仅 150%）时，页面右侧的类别列表似乎缩进了。我这很可能是 CSS 问题，我尝试修复此问题我自己，但没有好处。

你可以在这里看到它：http ://www.autumnmeadow.com/jar-candles

无论您使用哪种浏览器，都应该能够在开发人员工具上看到该代码。在 IE9 上似乎没有任何问题，但在 Chrome 或 FireFox 上无法正常工作。

Answer 1

您始终可以transform: scale(...)根据缩放级别使用 css 并向上/向下缩放大小，从而否定缩放级别。

用于检测缩放级别的 Github 项目，here

Answer 2

尝试将宽度和高度设为 % 而不是 px。假设你想让它填满屏幕的一半，让它占 50%。

<div width="50%" height="100%"></div>