Twitter小部件忽略了iPhone上的字體大小CSS

Question

我的網站使用Twitter小部件捕獲推文，並使用“ twtr-tweet-text”類更改字體系列和大小。

不幸的是，在我的iPhone（而非iPad）上，它似乎完全忽略了字體大小，從而導致它與我的頁腳重疊。 仔細看，似乎字體大小適用於“回復轉發收藏夾”部分，但不適用於實際的推文。

http://jshjohnson.com

我將如何阻止這種情況的發生？

謝謝

Answer 1

twitter小部件的代碼可在鏈接的widgit.css中設置字體大小。 我不知道您是否有權在該文件中更改CSS，但是您可以通過使用自己的樣式將div作為目標，從而獲得比widget.css更具體的信息。 您可能有一個難看的CSS規則，但這是一個快速而骯臟的解決方法。

如果您可以指定的目標比widget.css更具體，則應應用該規則。 如果我要定位的是您所想到的文本，則可能需要執行以下操作。

div.twtr-tweet-wrap p {
    font-size: .75em; /* set whatever font size you want */
    ...
}

無論如何，只要找到想要的div並具體化即可。 您可以檢查一下Twitter CSS在這里做什么。 如果您確實想要嘗試匹配該規則，並將font-size設置為inherit ，那么只有一個font-size規則將具有特定大小，以簡化以后的調整。