假设我想渲染两个大写的“T”，两个都正好是一英寸高。一个“T”在配备 Retina 显示屏的 Macbook Pro（220 DPI，CSS 像素比 2）上渲染，另一个在 iPhone 4S（326 DPI，CSS 像素比 2）上渲染。为此，我将 Macbook Pro 上的字体大小设置为 220 / 2 = 110px，将 iPhone 4S 上的字体大小设置为 326 / 2 = 163px。但是，这两个“T”的尺寸仍然不一样。为什么？另外，我能做些什么来确保两个“T”的物理尺寸相同？
编辑：是的，我正在使用媒体查询。我不想深入细节，但我通过提到 CSS 像素比的使用来暗示它。假设我在所有情况下都能神奇地获得客户端监视器的 DPI 和 CSS 像素比。
感谢您的洞察力！