我的网站使用 Twitter 小部件来抓取推文,并使用“twtr-tweet-text”类来更改字体系列和大小。
不幸的是,在我的 iPhone(不是 iPad)上,它似乎完全忽略了字体大小,导致它与我的页脚重叠。仔细观察,似乎字体大小适合“回复转发最喜欢的”部分,但不适用于实际的推文。
我将如何阻止这种情况发生?
谢谢
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 规则具有特定大小,以方便将来的调整。