gpt4 book ai didi

html - CSS像素字体大小的一致性

转载 作者:行者123 更新时间:2023-11-28 13:42:29 27 4
gpt4 key购买 nike

假设我要渲染两个大写字母“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 像素比。

感谢您的见解!

最佳答案

我认为必须执行此操作的概念是媒体查询,但没有提及您正在使用媒体查询来执行此操作。您可以使用媒体查询同时针对 iPhone 和 iOS 以获得所需的效果:

更多的是here

关于html - CSS像素字体大小的一致性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12241832/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com