浏览器字体大小更改Web布局

Question

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

Answer 1

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