0
A
回答
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 ,那麼第一個解決方案應該可以正常工作,但不建議。
我希望這可以幫助。
相關問題
- 1. 在Chrome上過渡字母間距
- 2. 隨機字母間距使用字體面
- 3. 帶字母間距的輸入大小
- 4. 字母間距大名減少
- 5. Zend_Pdf字母間距
- 6. java.awt.font字母間距
- 7. 無法啓用UITabBarItem上的字母間距(字距)
- 8. 使用 - (value)em代表字母間距
- 9. 只能在手機瀏覽器上點擊電話號碼
- 10. Android手機上的Html5視頻標籤使用手機差距
- 11. React Native上的字母間距 - Android
- 12. 只能在手機屏幕尺寸上使用slick.js
- 13. System.Drawing.Font - 更改字母間距?
- 14. Abcpdf 9和字母間距
- 15. C#抽繩字母間距
- 16. 減少字母之間的間距在文本功能
- 17. CSS字母間距在Safari中不能與SVG字體一起使用嗎?
- 18. -0.5px字母間距在CSS在Chrome
- 19. 在collection_select上使用大寫字母
- 20. 在智能手機上使用OCR
- 21. 字母間距問題,儘管增加字母間距,兩個字母粘在一起
- 22. 刪除間距如果沒有空間後跟大寫字母
- 23. char爲int,只能使用大寫字母?
- 24. 在iOS 7中調整字母間距
- 25. 在RaphaelJs中實現字母間距
- 26. 如何使用滑塊來調整字體大小和字母間距
- 27. 響應式網站在智能手機上顯示較大的右側邊距
- 28. 更改字母間距和字間距與jQuery
- 29. 是否可以使用Cocoa Touch改變字體的字母間距/字距?
- 30. 在大寫字母轉換中使用大括號
謝謝,但它不是正確的解決方案。我使用Roboto字體,在桌面上很好,但在移動字母間距很大。響應式測試不會在移動瀏覽器上發現問題。 –
我想我可能已經找到了問題。如果您使用的是移動Safari瀏覽器,則應嘗試將字體權重設置爲「font-weight:default;」如果在渲染字體重量時遇到問題,則可能是其他瀏覽器的問題。 [我在哪裏找到這個](http://stackoverflow.com/questions/28833958/why-is-ios-safari-adding-extra-letter-spacing) – Kodarth6804