javascript - 缩小浏览器时元素宽度不起作用？

Question

我在缩小浏览器时遇到令人沮丧的行为。正如您在这张图片中看到的:

编辑器应该在调度器旁边。我将编辑器的宽度从 0px 过渡到 433px，并将调度程序从视口(viewport)的宽度过渡到 scheduler-width - 453px，提供 20px 的缓冲区，但这仍然在 75% 时发生冲突。...我不不懂怎么办？将调度程序宽度减少 453 并将编辑器从 0 增加到 433 应该始终确保它们之间有 20px 的缓冲区，但是在缩小时不会发生这种情况......如果像素大小/计数由于缩放而有点搞砸了，它应该仍然正确运行，因为我告诉调度程序移动超过 453px(但是它们现在被定义)让调度程序占用这些空闲像素中的 433 个。

这只是放大/缩小浏览器的奇怪行为吗？

Answer 1

您可以尝试使用其他单位，例如百分比和 em，而不是像素。它不仅可以解决您的问题，还可以让您的代码在不同尺寸的显示器上运行得更好。对不起，如果这有点无关紧要。