Twitter Widget忽略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 here 正在做什么。如果你真的想要，你可以尝试匹配规则并将font-size设置为inherit，这样只有一个字体大小规则会有特定的大小，以方便将来的调整。