2014-01-28 94 views
0

在p:首字母選擇器中,字體大小:無法正常工作的Nexus 7上出現問題。字體大小:p:第一個字母在Android chrome上不能正常工作

p:first-letter { 
    font-size:1.3em; 
    font-weight:bold; 
    color:#662020; 
} 

下面的Nexus 7 Chrome屏幕截圖。左邊是橫向,看起來和第一個字母一樣大。在右側的肖像模式下的同一頁面。注意第一個字母「V」比文本的其餘部分小。我嘗試設置字體大小:130%,看起來相同,太小。

也有類似的問題,可能與p:第一行有關。我只能在Android設備上看到這些問題。

任何線索如何解決這個問題(一些元視口魔術或某事)或工作?

enter image description here

回答

1

這看起來可能是字體升壓。 Chrome瀏覽器會查看頁面並確定是否需要提高字體大小以使文本可讀,在這種情況下,它有可能會提高副本的字體大小:before font-size。

確保您有一個視口集:並應該限制字體助推效果。

如果您也可以提供一個演示站點,這將幫我診斷進一步

+0

謝謝+1。下面我回答了你的答案。 – obelia

0

這是響應@Kinlan - 這是很長,所以我做它的答案,而不是評論。

「font-boosting」 - 我知道它正在發生,但不知道它叫什麼。如果你想看看現場,它是http://vijayanderson.com/bio

元視口是一個標準:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

好像在字體拉動了,它不的提升P的錯誤:第一字母和號碼:一線。它適當地增加段落中的放大字體的跨度,因此用跨度替換p:first-letter看起來是正確的,但不是正確的修復。

我不想禁用字體提升,我認爲它增加了可用性。感謝您的答覆。

1

是的,有一個已知的錯誤:http://crbug.com/253763(隨意給它明星)。

雖然我對你的截圖感到有點困惑,因爲當我在Nexus 7上查看vijayanderson.com/bio時,一切看起來都很好。您使用的是哪個版本的Chrome(設置>關於Chrome),以及您有什麼設置>輔助功能>文字縮放設置爲?

+0

我應該提到鉻32.0.1700.99,字體大小:巨大。字體大小看起來好一些:正常,但在肖像模式下仍然不正確,首字母應該是1.3em,這是橫向的。 – obelia

相關問題