我在一个个人网站上工作，更倾向于练习良好的网络开发技能。我正在尝试构建一个跨浏览器（大多数现代浏览器也是 IE6），并希望构建一个跨设备（试图在移动设备中保持相同）网页。我想要构建的是带有页眉和页脚的 3 列浮动布局设计。到目前为止，我已经找到了一些好的做法。如果您有其他感觉，请纠正我。
首先是保持结构（HTML）、表示（CSS）和行为（JS）相互排斥。对于可扩展性，最好的选择似乎是 %units 而不是 em 单位 避免不必要地使用 div，以更好地开始新行
标签 最好不要使用边距进行样式设置，需要时使用填充
现在我的问题是我的网页中有一张图片。到目前为止，我只使用了 %units 但是如果我使用 %unit 作为图像的宽度，它将无法扩展。我可以为我的所有网页使用 em 单位，并通过在我的 css 中以 em 单位设置其宽度来使图像也可扩展。
但在我这样做之前，我想知道让图像缩放是否是一种好的做法，以及我们在这种设计中面临的问题是什么。
谢谢您对这个想法的任何建议或信息都非常感谢。