iPhone HTML5字体大小

我正在HTML5页面上加载iPhone。并有一个关于字体大小的问题。iPhone HTML5字体大小

例如：一些文字的字体大小为20px。如果我加载这个文本3g设备的字体大小，如果可以的话。当我在4g（更高分辨率）上加载相同的页面时 - 字体看起来大小相同。我期望字体更小，因为分辨率更高。

我可以请你解释一下吗？

谢谢

来源

2011-05-29 user349302

它不太像那样工作。

iOS中的设备具有“比例因子”。这是屏幕上对应于单个点的像素数量。 iPhone 3G和iPhone 4的屏幕均为320x480 分。但是，iPhone 4的比例因子为2，所以其像素大小为640x960。

iOS足够聪明地弄清楚，如果你明确地设置HTML中的像素大小，你可能希望它扩大了视网膜显示。因此它将像素尺寸乘以屏幕的比例因子（即2）。您的20像素字体呈现为40像素字体。

如果您特别关心为视网膜和非视网膜提供两种不同的风格，可以在移动Safari中检测它。在这里看到更多的信息：http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html

来源

2011-05-29 18:37:20 lxt

谢谢。 Android设备是否适用相同的规则？我的意思是，如果我的文字大小为20px - 对所有设备来说它们的视觉尺寸是否相同？ – user349302 2011-05-29 18:53:41

我不完全确定：我是一名贸易的iOS开发者。我会这样想，但无论如何，该平台上的尺寸方面还是有很大的差异。 – lxt 2011-05-29 19:08:28

在你的标签中使用类，然后可以设置文本的大小。

#content h1 { 
    text-align: center; 
    font-size: 12px; 
    color: #111; 
    text-shadow: 0px 2px 3px #555; 
    font-family: 'Lobster', arial, serif; 
}

来源

2011-05-30 05:43:58 Nirav

iPhone HTML5字体大小

回答

相关问题