Jquery 需要关于调整大小问题的提示和指南吗

当我的窗体处于小屏幕大小时，它显示正确，但当我增加宽度时，它显示不正确。有什么想法吗？这是正常的还是有一种方法可以使它处于良好的位置？这是我的小提琴：

jsfiddle.net/aX86d/

---

如果有人能为我提供一个关于noob友好指南的教程，帮助我在为应用程序创建时使用小/宽浏览器来维护整个web的外观，那么肯定会出现不同的屏幕分辨率使用。

如果您的问题是屏幕宽度增加时高度增加，这是因为，块（blockA和blockB）和#user元素具有百分比宽度。因此，当宽度增加时，由于屏幕的宽度增加，元素的高度也会增加，从而导致此问题。一个很好的解决方案是在CSS中指定最大高度，例如：

max-height: 30px;

将

30px

更改为您希望元素获得的最大值，然后重试。图元的大小不会超过最大高度

请参阅此更新的小提琴：

编辑： 由于您的问题是水平间距，我建议使用绝对定位。无论何时定位元素绝对，其父元素都必须相对定位。然后我将顶部和底部设置为0，边距设置为auto 8px，用于auto top-bottom，以及8ps left-right。这将使元素垂直居中。看这个

我应该提到，CSS

calc（）

函数在一些较旧的浏览器中不起作用，但在所有当前流行的浏览器中都起作用

绝对定位信息： 请参见相对定位中的绝对定位

---

基本上，本页说明，如果绝对位置元素位于相对位置元素内，则其顶部、底部、左侧和右侧样式将与父级相对。否则，它将与

主体

相对，而不是它的父对象。查看上述页面上的图像，它们可能会帮助您更好地理解。

。实际上，这与高度无关，而是1）内联元素之间的间距因屏幕尺寸变宽而增大2）当屏幕变得太小时，右侧的元素（表单输入）将进入图像下方，导致设计看起来很奇怪。。你能帮我吗？当然，我会更新的。过几天再检查一遍minutes@MapleseaPowerleveling-很高兴我能帮忙！你能更详细地描述绝对和相对的东西吗？因为我仍然觉得它令人困惑。。但是你的是我需要的=）@MapleseaPowerleveling-我添加了有关定位的信息。希望有帮助！