2016-01-25 28 views

回答

0

通常我將建立開始引導該網站,並應防止這些問題通常。簡而言之,我會使用兩種解決方案之一。

首先是根據屏幕尺寸簡單地爲網站使用單獨的樣式表。
<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="800.css" />

與CSS具有「字母間距」屬性設置爲任何你想要的。例如:

p { 
    letter-spacing:3px; 
    color;#000000; 
    font-family:sarif; 
} 

第二個選擇是使用jQuery來調整信直接間距

if (window.width() <= 800) { 
    $("p").css("letter-spacing", "3px"); 
}); 

這是最優雅的解決方案,但如果你不精通足夠的jQuery ,那麼第一個解決方案應該可以正常工作,但不建議。
我希望這可以幫助。

+0

謝謝,但它不是正確的解決方案。我使用Roboto字體,在桌面上很好,但在移動字母間距很大。響應式測試不會在移動瀏覽器上發現問題。 –

+0

我想我可能已經找到了問題。如果您使用的是移動Safari瀏覽器,則應嘗試將字體權重設置爲「font-weight:default;」如果在渲染字體重量時遇到問題,則可能是其他瀏覽器的問題。 [我在哪裏找到這個](http://stackoverflow.com/questions/28833958/why-is-ios-safari-adding-extra-letter-spacing) – Kodarth6804