h4，h5在我缩放时扩展和溢出[关闭]答案

【问题标题】：h4, h5 expand and overflow when I zoom [closed]h4，h5在我缩放时扩展和溢出[关闭]
【发布时间】：2011-11-21 06:02:49
【问题描述】：

我正在处理this website 中的某些表单，它的渲染效果非常好，但是当我稍微放大或缩小时，您会看到 h4 和 h5 不再位于灰色区域的中心，有时甚至溢出...我尝试用 div 包装它们，但仍然......通常当我过去遇到这类问题时，这是因为我将一些包装器的大小设置为百分比......但我已经检查过了。有人可以告诉我我在这里缺少什么吗？

【问题讨论】：

标签： html css overflow web

【解决方案1】：

实际上对于像这样的设置应该首选百分比值而不是像素，特别是如果你想支持浏览器缩放：

#mainContent {
    width: 100%;
}

div.catalogo-item {
    color: #506484;
    float: left;
    min-height: 600px;
    position: relative;
    width: 33.33%;
}

【讨论】：

好吧，我做到了，但仍然遇到同样的问题。我无法让它保持静止
我在 Firefox 中看到了您的问题，通过更改这些值它消失了。什么浏览器/版本？

【解决方案2】：

好的，我最终为每个 h4 编写了一个包装器，并为每个 h4 应用了背景，并隐藏了包装器的溢出。这似乎解决了所有浏览器上的问题。然后我只是对齐背景，使它们看起来像一条穿过屏幕的长条。感谢大家的cmets和帮助

【讨论】：

您应该选择一个正确的答案，或者至少选择一个能够帮助您解决问题的答案。
让我们写作并花时间，然后您自己回答并选择您自己的答案。很高兴知道，所以我不会再回答你的任何问题了。
您促使我选择正确的答案，而我在这里得到的答案都没有帮助。你怎么这么生气？

【解决方案3】：

您在那里所做的是对 h4 和 h5 元素使用绝对定位，这完全取决于父元素的渲染像素大小结果，即为什么您的布局在文本缩放时会中断。尽量不要绝对定位，更喜欢使用 text-align:center;使这些元素居中。

除非绝对必要，否则永远不要使用绝对定位布局，依赖绝对定位布局是最糟糕的，您可以期待未来的布局中断。

【讨论】：

我已经改变了它，但它仍然在移动。我很迷茫
告诉我必须以何种方式缩放才能重现此内容。