Safari中的隨機CSS樣式iPhone

我有一個痛苦的CSS問題，這似乎是由Disqus CSS引起的。Safari中的隨機CSS樣式iPhone

Disqus CSS似乎導致我的頁面的主要內容文本隨機更改部分中的大小。點擊刷新會隨機地讓一些文字變大，變小一些，大膽一些。它似乎只發生在iPhone（真實和模擬器）的Safari上，並且在Firefox，IE，Android和iPad Safari中都很好。關閉Disqus評論可修復此問題。我嘗試過更改Disqus主題並開啓和關閉移動視圖。

下面你可以看到在同一個頁面所呈現不同的每一次點擊刷新（live site-it should look like this）

Random styling Same page after refresh

任何幫助將不勝感激。

來源

2012-02-20 row1

你可以嘗試應用-webkit-text-size-adjust：none;並針對Disqus代碼？如果我記得Disqus不使用iframe，所以它應該工作，如果你使用的層次結構比他們強。

此處瞭解詳情： http://css-infos.net/property/-webkit-text-size-adjust

希望幫助:)

編輯：我只是有一個想法，而下面寫一個評論。您可以通過設置視口寬度（顯式或設備寬度）對其進行排序。

例如，這將使iphone上的視口在縱向上寬320px，在橫向上寬460px（我認爲是嗎？）。

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

從截圖我認爲這實際上是太小，所以這樣的事情可能會更好。

<meta name="viewport" content="width=800, initial-scale=1">

這實際上是文字大小改變的原因。 iPhone可以縮放800像素以適應縱向和橫向。儘管如此，這可能會使字體太小，因此它會增加。

來源

2012-02-20 12:10:13 will

哇這麼快正確答案是忠實地驚人。把它添加到我的內容容器（..a td）似乎已經做到了： #review_content * { -webkit-text-size-adjust：none！important; } 儘管它隨機變化的任何想法？我會在接受你的答案之前再等一天，以防萬一一個非「！重要」的答案彈出。非常感謝。 – row1 2012-02-20 12:32:22

人們似乎也不鼓勵使用這個：http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – row1 2012-02-20 12:36:48

是的，我不會使用它在所有的地方，並作爲這是iPhone的唯一問題，也許只能在這種情況下使用它。我對這個原因的猜測是，當Disqus第一次開始這樣做時，它會插入HTML，這實際上是強制視口比它應該在同一時間iPhone正在決定字體大小應該多大保持可讀性。這實際上只是讓我想，你也許能夠以另一種方式進行排序，沒有文本大小的調整...我會在上面編輯。 – will 2012-02-20 17:02:48

Safari中的隨機CSS樣式iPhone

回答

相關問題