Css 我应该使用em还是px？

我正在开始一个新的web项目，我想知道是使用em还是px来显示布局和字体大小

尽管大多数浏览器现在都支持文本和图像缩放，不管字体是在px还是em中定义的，但社区对使用em的支持仍然很强

但是我发现使用em有两个问题

首先是大屏幕和宽屏幕的问题——这通常会导致文本在屏幕上跑数英里，当你阅读页面时，很难阅读

其次，如果您的站点需要集成Flash组件，该怎么办？如果您想让Flash组件精确地安装在em中定义的div（例如站点的主容器）中，那么由于Flash组件是用px测量的，您会怎么做

---

有没有令人信服的理由使用EM而不是PX？

当您使用相对大小的字体而不是固定字体时，那么主要的好处是（光学禁用）访问者可以放大/缩小网页，包括字体。都是关于你的

首先是大型和大型设备的问题 宽监视器-这通常会导致 一英里又一英里的文字 屏幕，这是非常困难的 边读边读

使用

em

或

px

，您仍然可以为布局定义

宽度（或
最大宽度
）

其次，如果您的站点需要
集成闪存组件？如果你
希望闪存组件适合
正好在一个分区内（例如主分区
已定义的站点的容器）
在em中，从那以后你会怎么做
闪存组件的测量单位为px

为了精确匹配，您仍然可以使用100%的宽度，或者我不理解您的观点


理论上，使用
em
而不是
px
可以根据用户偏好轻松调整布局大小

但是今天，现代浏览器可以调整
px
布局以及
em
布局的大小，因此它可能不像几年前那样相关。
px与您提到的不同显示器尺寸的em有相同的问题。有了px，人们更倾向于根据显示器上的像素大小（即具有特定点距的像素）进行思考。由于ems（和%）与显示器之间没有固定的大小关系，人们不会落入相同的陷阱。（px和所有图像像素一样，与显示像素之间并没有固定的1:1关系，但人们通常是这样认为的。）

当涉及到对齐替换的元素时，无论是Flash还是图像，px确实更合适（尽管Flash在使用纯矢量图形时，可以使用您想要的任何单位很好地缩放到任何大小）。就我个人而言，对于决定定位和大小的元素类型，我使用更自然的单位：图像和电影的像素，视口的文本的em%，现在现代桌面浏览器缩放的像素和em都是一样的，我认为讨论应该转移到如何在诸如iPad、iPhone等移动设备上显示其中一种的使用。
这已经不是什么大问题了。现在所有主要的浏览器，包括Internet Explorer，都会缩放整个页面，包括字体。但大多数浏览器都不是这样了。我只是不确定它是否值得去迎合剩下的IE6用户。我一直想知道那将是什么类型的缩放，如果我在基于px的侧面使用cmd+mouseweel_进行缩放，它的缩放效果会非常好。在Firefox中，较新的浏览器确实支持固定字体的缩放，但你不想依赖webbrowser是否有效。回答不错，我认为我自己也无法更好地解释它。关于Flash组件的尺寸，他可能指的是容纳它的容器的尺寸，因为一些闪存元件可能无法很好地缩放。像素是相对于设备的。在大多数桌面浏览器上，这是1:1。在某些移动设备上，这是1.5:1。可能的重复