在浏览器中缩放文本时是否允许缩放图像答案

【问题标题】：Should images be allowed to scale when text is scaled in a browser在浏览器中缩放文本时是否允许缩放图像
【发布时间】：2011-06-28 02:07:39
【问题描述】：

我正在开发一个个人网站，其目的是练习良好的 Web 开发技能。我正在尝试构建一个跨浏览器（大多数现代浏览器也是 IE6），并希望构建一个跨设备（试图在移动设备中保持相同）网页。我想要构建的是带有页眉和页脚的 3 列浮动布局设计。到现在为止，我已经找到了一些好的做法。如果您觉得不正确，请纠正我。

首先是保持结构（HTML）、表示（CSS）和行为（JS）相互排斥。对于可扩展性，最好的选择似乎是 %units 而不是 em 单位避免不必要地使用 div，以更好地开始新行使用

标签样式最好不要使用边距，需要时使用填充

现在我的问题是我的网页中有一张图片。到目前为止，我只使用了 %units 但是如果我使用 %unit 作为图像的宽度，它将无法扩展。我可以为我的所有网页使用 em 单位，并通过在我的 css 中以 em 单位设置其宽度来使图像也可扩展。

但在我这样做之前，我想知道让图像缩放是否是一种好习惯，以及我们在这种设计中面临的问题是什么。

谢谢非常感谢您对此想法的任何建议或信息。

【问题讨论】：

【解决方案1】：

用户可以使用浏览器的缩放功能来缩放整个网站（包括图像）。文本缩放功能仅用于缩放文本 - 我建议不要修改预期的行为。

【讨论】：

可能我没说清楚。我的问题是，如果我在浏览器中按 ctrl+，那么什么是好的做法。如果我们使用 % 图像不会随文本一起缩放，如果使用 em 则会
好吧，惯例是让图像使用缩放功能缩放，所以如果您指定图像的尺寸，那么您应该以相对的方式进行。用户的期望（或者，至少是浏览器的意图）是统一缩放整个视口——文本、图像，一切。因此，最佳实践通常是避免修改浏览器的行为。希望这能回答“我们应该”部分。