Question

这个是弄乱我的脑袋。以下HTML / CSS在每个浏览器上看起来都很好，期待我在iPhone上阅读它。标签（SITE DESIGN SOME COMPANY）中的文字显着缩小了约25％。我已经通过DOM了解并确保我的桌面上没有其他样式计算。

<footer>
COPYRIGHT 2012 / <a href="http://somesite.com">
SITE DESIGN SOME COMPANY</a> / ALL RIGHTS RESERVED
</footer>      

footer {
width: 100%;
position: absolute;
padding: 10px 0 10px 0;
left: 0px;
bottom: -50px;
text-align: center;
word-spacing: 20px;
font-size: 75%;
}

Answer 1

我也经历过这一点。 iPhone呈现%字体大小的方式与其他浏览器不同。特别是如果嵌套在具有多个％更改的多个元素内（例如，如果您的<footer>位于具有另一个75%字体大小声明的另一个元素内）。

如果您将75％更改为0.75em（或使用除百分比以外的其他内容），您应该重新开始营业。

footer {
width: 100%;
position: absolute;
padding: 10px 0 10px 0;
left: 0px;
bottom: -50px;
text-align: center;
word-spacing: 20px;
font-size: 0.75em; /* or 10pt, or... */
}

iPhone上的字体大小不同

1 个答案: