iphone - 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 在这里做什么。如果您真的想要，您可以尝试匹配规则并将其设置font-size为inherit，因此只有一个 font-size 规则具有特定大小，以方便将来的调整。