我的页面看起来很好，没有缩放。但是当我放大Firefox和IE时，它看起来很难看，因为有些内容包含在下一行。
我认为问题出在我正在使用的单元中。我使用像素来设置宽度。
在缩放时我应该使用哪些单位来防止页面难看？ Plz帮助
答案 0 :(得分：1)
如果您想zoom everything（容器和字体），可以使用em。请注意，尽管很难维护。如果更改一个父级大小，则所有子级大小都将受到影响。
可以通过尽可能避免嵌套标记来部分解决。当然，大部分时间都是不可避免的，但如果你不需要，就不要太深。
答案 1 :(得分：1)
通常，使用em和百分比是一个很好的选择，因为它们是相对的，而不是确定的像素。如果你设置4em宽的东西（猜测正确的数字是一个有趣的游戏 - 从10px = 1em开始并从那里开始），那么当你缩放/文本大小改变时，盒子保持大约相同的大小相同文本。
作为参考，值得一提的是EM与其父级的字体大小有关。因此1em与字体的大小相同。就像在另一个答案中提到的那样，将它们嵌套太多会导致级联。
当你说缩放时，你的意思是改变字体大小也许很有趣。缩放不应该影响布局，而制作文本会。 （我通常是一个chrome用户，远离我的电脑atm，因此不能确定IE和FF）。
答案 2 :(得分：1)
今天的浏览器有两种不同的缩放方法：字体大小缩放和放大。第二个没问题，但第一个是。因为只有字体大小增加/减少而不是整个视图。
因此，您应该使用以font-size为基础的布局。大多数浏览器的默认字体大小为16像素。你可以使用它，并通过乘以适当的因子得到你想要的几乎任何像素值。
例如，如果您希望主列的宽度为800像素，请使用width:50em（50·16 = 800或800/16 = 50）。
答案 3 :(得分：0)
亲戚单位的所有热情都可能不由真正的网页设计师发布。我知道这些在过去的几年中很流行，但在现实生活中，一旦涉及图像背景或图像作为主要对象，就不能依赖 em 来设计。
相对单位使生活更艰难的例子是：
所以我会说在某些情况下你无法避免像素大小，当发生这种情况时，它会打破你为之骄傲的整个相对大小的设计。
如今主流浏览器知道如何放大（不同于“缩放”）内容及其所有元素，即使它们是以像素定义的。如果你遵循一些间距元素的规则（基于字体大小），全像素设计也很好。它也适用于大多数移动浏览器。
我已经看到固定尺寸设计的军队装载他们的武器了。那只是我的经历。我也喜欢相对大小的设计，但在某些项目中，如果没有技巧，它们根本不可能应用。
简而言之：全部修复或全部相关，但请选择。