浏览器字体大小改变网页布局[关闭]答案

【问题标题】：Browser font size changes web layout [closed]浏览器字体大小改变网页布局[关闭]
【发布时间】：2012-07-24 13:55:09
【问题描述】：

如果用户增加或减少浏览器（任何浏览器）的字体大小，我的网站布局会发生变化。有人可以看看我的网站（www.heathersoos.ca）并建议（请简单解释）我如何用 css 控制它。我很乐意包含我网站上的任何编码来帮助解决这个问题。

【问题讨论】：

我不知道你要去那里；该网站似乎在 Firefox 中运行正常。如果您认为元素的缩放比例与文本相比不正确，您可以尝试将像素参考 (px) 更改为等效 (em) 比例。
嗨 Jason，是的，只要将浏览器中的字体设置为 16 pt 或 Internet Explorer 中的字体设置为中等，该站点看起来就很好。不幸的是，我不知道具体如何调整我的CSS。干杯！

【解决方案1】：

您的布局正在调整大小，因为某些div 元素在调整字体大小时被拉伸或缩小，因为它们取决于所包含文本的宽度（它们有width:auto）。如果你想阻止这种情况发生，你必须硬编码每个元素的宽度。这通常被认为是一种不好的编码习惯，但是最好避免。一个更好的主意是以理想的方式调整布局大小。

【讨论】：

嗨，杰夫 - 非常感谢您回答我的问题！您是否可以向我展示一个示例（使用我的网站），然后我可以自己修复其余的 div 标签。告诉我你需要从我的网站上得到什么。如果我能确切地知道该怎么做，我将不胜感激。谢谢你 - 弗兰克
感谢您的帮助。
@user1434204 - 恐怕这实际上需要一段时间，而且我现在有很多工作要做。不过，请参阅这篇文章：techrepublic.com/article/creating-a-fixed-width-layout-with-css/…
我一定会看看 - 谢谢！
嗨，杰夫 - 只是快速跟进。在我的 Body css 中，我将字体设置为 100%。我将其更改为 16px 的固定大小（我的网站所基于的），它解决了这个问题。如果您有时间，请看一下，让我知道这是否有意义 - 谢谢！