html - 受浏览器屏幕分辨率更改影响的元素定位

Question

新手开发者在这里。

我经常遇到这个小问题。每次我尝试更改浏览器分辨率（或者当您在按下 ctrl 的同时滚动鼠标滚轮时，您如何称呼该事件）时，某些元素（主要是表单元素）会被向下移动或其他地方，这与原始元素不符定位。我不确定问题出在 CSS 还是标记本身，我不确定这是否是个大问题。我应该忽略它吗？（虽然感觉不太舒服，认为在不久的将来可能会出现问题）否则，有什么解决方案可以避免这种情况吗？

非常感谢简单的解释，谢谢。

（也许用过的词新手应该换成noob？。哈哈。）

Answer 1

Ed，也许你也可以在你的 CSS 中使用 max-width 和 min-width 来避免这种情况。专注于分辨率让我们说 1024 x 768 。您可以对两列使用 min-width ，在低于此分辨率的点上它不会向下跳过。让我知道这是否有帮助

Answer 2

Ed，听起来您正在放大。您描述的问题发生在您使用绝对尺寸时，例如width: 20px;. 要实现流畅的布局，您可以em改用width: 10em;.

您可能会发现这篇从 px 转换为 em 的文章很有用。