假设我要渲染两个大写'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'are still not the same size。为什么？另外，我该怎样做才能确保两个'T'具有相同的物理尺寸？
修改：是的，我正在使用媒体查询。我不想深入了解血腥细节，但我通过提及使用CSS像素比率来暗示它。假设我在某种程度上神奇地能够获得客户端监视器的DPI和CSS像素比率。
感谢您的见解！