当我翻转它时,为什么iphone会使我的文字变大?

时间:2010-12-09 16:29:05

标签: iphone html css mobile-safari

我有一些div作为页面上的标题,然后在它们下面发短信。当我将手机翻转到它的侧面时,即使没有CSS来执行此操作,文本也会突然膨胀。

这可能是做什么的?

4 个答案:

答案 0 :(得分:1)

当iPhone以纵向显示时,其宽度为320像素(或iPhone 4上为640像素)。水平保持时,宽度为480像素。您正在描述的“缩放”效果是MobileSafari重绘较大宽度的文本。

答案 1 :(得分:1)

我发现,如果div有足够大的内部文本,文本会更大。但如果div是内联元素或者没有可用空间,则在iPhone旋转后文本将不会缩放。

答案 2 :(得分:0)

尝试使用以下元标记设置视口:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

希望这会有所帮助。它帮助我获得了一致的移动页面。

鲍勃

答案 3 :(得分:0)

对,我明白了......

基本上即使我设置了视口大小,它仍然会混乱。为了阻止这种情况发生,我将元素放在一个固定宽度为320px的div中。

这样,文本大小在水平或不同时都是相同的大小div ..

干杯 皮特