【发布时间】：2012-11-21 22:40:17
【问题描述】：
我的页面在没有缩放的情况下看起来不错。但是当我在 Firefox 和 IE 中放大时，它看起来很难看，因为某些内容会折叠到下一行。
我认为问题出在我正在使用的单元中。我正在使用像素来设置宽度。
在缩放时我应该使用什么单位来防止页面看起来很丑？请帮忙
【问题讨论】：
【发布时间】：2012-11-21 22:40:17
【问题描述】：
如果你想zoom everything（容器和字体）你可以使用em。请注意，尽管它是出了名的难以维护。如果您更改一个父尺寸，那么所有子尺寸都会受到影响。
尽量避免嵌套标签可以部分解决。当然大部分时候是无法避免的，但没必要也不要太深。
【讨论】：
一般来说，使用 em 和百分比是一个不错的选择，因为它们是相对的，而不是确定的像素。如果您将某些东西设置为 4em 宽（猜测正确的数字是一个有趣的游戏 - 从 10px=1em 开始并从那里开始），那么当您缩放/更改文本大小时，相对于文本。
作为参考，值得一提的是 EM 是相对于其父级的字体大小的。所以 1em 与字体大小 100% 相同。就像另一个答案中提到的那样，将它们嵌套太多次会导致级联。
当你说缩放时，你的意思是改变字体大小也可能很有趣。缩放不应该影响布局，而制作文本会。 （我通常是 chrome 用户并且远离我的 pc atm，所以不能确定 IE 和 FF）。
【讨论】：
当今的浏览器有两种不同的缩放方法：字体大小缩放和放大。第二个没问题，但第一个是。因为只有字体大小增加/减少，而不是整个视图。
因此，您应该使用以字体大小为基础的布局。大多数浏览器的默认字体大小为 16 像素。您可以使用它并通过乘以适当的因子得出几乎任何您想要的像素值。
例如，如果您希望主列的宽度为 800 像素，请使用 width:50em（50·16=800 或 800/16=50）。
【讨论】：
所有对亲属单位的热情不会由真正的网页设计师发出。我知道这几年很流行，但在现实生活中，你不能在设计中依赖 em，因为它们涉及图像背景或图像作为主要主题。
相对单位使生活变得更艰难的例子是：
- 图像样式的标题
- 带图片的产品目录
- 相对于浏览器窗口的连接长度
所以我想说，在某些情况下，你无法避免像素大小，当这种情况发生时，它会破坏你引以为豪的整个漂亮的全相对尺寸设计。
当今的主流浏览器都知道如何放大（不同于“缩放”）包含所有元素的内容，即使它们是以像素为单位定义的。如果您遵循一些间距元素规则（基于字体大小），则全像素设计也很好。它也适用于大多数移动浏览器。
我已经看到固定尺寸设计的军队正在装载他们的武器。这只是我的经验。我也喜欢相对尺寸的设计，但在某些项目中，如果没有大量技巧，它们根本无法应用。
简而言之：全部固定或全部相对，但要选择。
【讨论】：