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

时间:2009-11-16 07:58:42

标签: html css resolutions

新手开发者。

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

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

(或许用过的术语新手应该用noob代替?哈哈。)

2 个答案:

答案 0 :(得分:0)

Ed,听起来你正在放大。当你使用绝对尺寸时会出现你描述的问题,例如: width: 20px;。要实现流畅的布局,您可以使用em代替width: 10em;

您可能会发现这篇Making the transition from px to em文章很有用。

答案 1 :(得分:0)

Ed,也许您也可以在css中使用max-width和min-width来避免这种情况。专注于分辨率让我们说1024 x 768。你可以使用最小宽度的两列,在这个分辨率以下,它不会向下跳过。如果有帮助,请告诉我