一个词在 iPad 上看起来像两个，但在桌面上看起来像一个。（这很难说）答案

【问题标题】：One word looks like two on iPad, but one on Desktop. (That's hard to say)一个词在 iPad 上看起来像两个，但在桌面上看起来像一个。（这很难说）
【发布时间】：2014-07-19 21:30:02
【问题描述】：

我有一个奇怪的问题。我正在制作一个响应式主页，在移动设备（iOS 模拟器）上查看时，我用于部分标题的标题似乎翻了一番

这是正在发生的事情的图像，因为我想我无法描述它。

还有增强...

现在，我想这可能是我为@media 查询所做的多个声明，但在只进行了一次查询之后，它仍然会发生。即使在摆脱所有其他提及 .sectionHeader 之后，它仍然会发生..

有人知道如何解决这个问题吗？

这是@media 查询：

@media only screen and (min-width: 300px) and (max-width: 1024px){
    .sectionTitle {
        font-family: 'Dancing Script', cursive;
        color: #CEB08B;
        font-style: normal;
        font-weight: bold;
        font-size: 40pt;
        text-align: center;
        letter-spacing: -0.05em; /* Fixes letter spacing issue on iphone */
        margin-top: 20px;
    }
}

还有 HTML：

<h1 class="sectionTitle" style="margin-bottom: 20px;">Videography</h1><br>

【问题讨论】：

不确定但可能是text-shdow造成的，你可以试试text-shadow:none
感谢您的回复 - 刚刚尝试过，它仍然显示。我把它归结为谷歌字体。我尝试了不同的，它仍然会发生。只能用系统字体解决。

标签： ios css mobile responsive-design media

【解决方案1】：

好的，我必须编辑它，因为我（实际上）解决了它。这是由font-weight: bold; 引起的，主要是因为该字体没有提供粗体版本。为什么它决定复制自己，我无法理解。

【讨论】：