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

我有一个奇怪的问题。我正在制作主页响应，而我正在使用的部分标题似乎在移动设备上观看时会翻一番（iOS模拟器）一个词在iPad上看起来像两个，但在桌面上看起来像两个。（这很难说）

以下是发生的事情的图像，因为我认为我无法描述它。现在

Side-By-Side

和增强...

Enhanced

，我想也许这是多次声明我做了@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>

来源

2014-07-19 BrianisBS

不确定，但可能是由于'文本 - shdow'发生的，你可以尝试'text-shadow：none' – amol

感谢您的回复 - 刚刚尝试过，它仍然显示出来。我正在粉饰Google字体。我尝试了不同的，它仍然发生。只用系统字体解决。 – BrianisBS

好吧，我必须编辑这个，因为我（其实）解决了这个问题。这是由font-weight: bold;引起的，主要是因为字体没有提供粗体版本。为什么它决定复制自己超出了我。

来源

2014-07-19 21:34:13 BrianisBS

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

回答

相关问题

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