字體在iPad中顯示很大，打破布局，如何解決這個問題？

我正在爲Desktop + iPad製作一個網站。在包括Safari在內的桌面瀏覽器中，網站看起來很好字體在iPad中顯示很大，打破布局，如何解決這個問題？

但在iPad中字體很大，打破了佈局。

這個問題可如果我使用

body { 
    -webkit-text-size-adjust:none; 
}

但根據此信息http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/本規範適用於桌面Safari瀏覽器來解決。用戶在桌面Safari瀏覽器不能調整大小，這不利於網站的可訪問性

是否有任何其他替代方案來解決iPad中的這個大文本問題。

你可以考慮使用iPad的媒體css。你可以在這裏閱讀論壇帖子。

2011-08-17 06:02:35 maskie

我試過，但它不工作在iPad橫向模式下 –

只需要使用你的CSS媒體查詢它的目標移動瀏覽器和可選設備的方向。您可以在那裏調整字體大小等內容，而不會影響桌面體驗。有媒體查詢針對移動設備在這篇文章中的一些iPad專用的例子：

當你說「它不是在iPad上橫向模式下工作」，你有什麼實際試過？

2011-08-17 12:53:38 Ben

用這個代替：

-webkit-text-size-adjust:100%;

此外，還要確保你在你的視口元標記初始變焦設置設置爲1：

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

2013-09-10 18:39:40 johnpolacek

回答