Question

我们发现iPhone渲染斜体标签存在问题。如果为font-family定义的font-family与其父<!DOCTYPE html> <html> <head> <style type="text/css"> body { font-family: serif; } i { font-family: Arial; } </style> </head> <body> <p> "The freaking thing <i>works</i>," Strong said with amazement, punctuating this key verb with his hands like an orchestra conductor giving a downbeat. "It's beautiful. It does exactly what we wanted it to do." </p> </body> </html>不同，则斜体文本会比它应该小得多。所有iOS设备上都没有出现此问题，只有iPhone（至少版本4 - 6）。

测试：http://www.eyesforward.com/etc/italic-fail.html

{{1}}

http://i.stack.imgur.com/Arh20.png

Answer 1

尝试设置正文和斜体元素的字体大小以查看它是否解决了问题：

<style type="text/css">
    body {
      font-family: serif;
      font-size: 16px;
    }
    i {
      font-family: Arial;
      font-size: 16px;
    }
</style>

然后尝试将其设置为正文并查看问题是否仍然存在。每个浏览器都有自己的风格规则，适用于各种元素。

Answer 2

试试这个：

<style type="text/css">
    body {
        -webkit-text-size-adjust: none;
    }
</style>

iPhone渲染斜体标签（<i> </i>）很小

2 个答案: