EM不工作在iPhone瀏覽器

香港專業教育學院爲我設置的字體具體如下EM不工作在iPhone瀏覽器

在桌面瀏覽器

* {font-size: 1em;} 
html {font-size: 125%;} 
body{font-size: 50%;} 
p, ul, ol{line-height:1.7em; font-size:1.2em; margin-bottom:0.5em; }

做工精細，和iPad（觀看是相同的） - 但字體大小並沒有得到iPhone上的任何小？

我在做什麼錯？

就這麼你知道，你應該在身上設置1em的字體大小，而不是星號。對於性能和語義問題。 – Sam152 2012-03-21 13:29:29

這只是我的代碼的一個提取，減少了粘貼在這裏的目的:) – 2012-03-21 14:25:57

您的問題有多種解決方案。無論是應用特定的WebKit的text-size-adjust屬性：

html { 
    /* Prevent WebKit-based browsers from resizing the text: */ 
    -webkit-text-size-adjust: none; 
}

或者，你可以在你的HTML定義視口寬度：

<meta name="viewport" content="width=device-width">

這告訴它應該使用視口寬度等於設備的瀏覽器物理寬度。在大多數情況下，這也可以防止奇怪的文檔內文本縮放不一致。

2012-03-21 13:52:26 Sharon

感謝您的回覆沙龍，第一部分是解決問題的方法，但第二部分並沒有解決它 - 我曾試過這個事先到第一個解決方案。接受第一個有效的解決方案:) – 2012-03-21 14:26:52

回答