一個詞在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上看起來像兩個，但在桌面上看起來像兩個。（這很難說）