相关疑难解决方法(0)

我正在设计一个新网站,我希望它与尽可能多的浏览器和浏览器设置兼容.我正在尝试确定我应该使用哪种测量单位来确定字体和元素的大小,但我无法找到确定的答案.

我的问题是:我应该使用px还是rem在我的CSS中使用？

• 到目前为止,我知道使用px与在浏览器中调整基本字体大小的用户不兼容.
• 我忽视了ems,因为与rems 相比,它们更难以维持,因为它们是级联的.
• 有人说rems与分辨率无关,因此更为理想.但是其他人说大多数现代浏览器无论如何都会平等地缩放所有元素,因此使用px不是问题.

我问这个是因为对于CSS中最理想的距离测量有很多不同的看法,我不确定哪个是最好的.

现在已经修复了WebKit 页面缩放错误,使用基于em的媒体查询而不是基于像素的媒体查询的主要原因是什么？

赏金

我正在为我的问题添加赏金,因为许多着名的CSS 框架 和 Web 开发人员都使用基于em的媒体查询,我相信必须有充分的理由这样做.

我所知道的一个优点是,如果用户在浏览器中更改默认字体大小,内容将以类似于页面缩放修复解决的问题的方式挤压.是否有任何数据显示人们确实更改了默认大小而不是缩放？

注意

为了使我的问题更集中,我删除了两个外围项目.在原来的职位将增加的角度来@ nwalton的伟大答案,其中涉及所有的三点我问.