css - 浏览器字体大小改变网页布局

Question

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

Answer 1

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