我有一些div
作为页面上的标题,然后在它们下面发短信。当我将手机翻转到它的侧面时,即使没有CSS来执行此操作,文本也会突然膨胀。
这可能是做什么的?
答案 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 ..
干杯 皮特