css - 为移动设备调整 Facebook 插件(例如在 Facebook 上找到我们、点赞按钮、发送按钮)

Question

我刚刚将 Facebook 内容添加到我的网站，http://TheMeditationPodcast.com ，而且我无法让它在手持设备(例如 iPhone)版本上看起来不错。

问题是，在 iPhone 上查看时，所有 FB 内容都非常小，无法读取。我试过使用宽度和高度(在 CSS 样式表中)来调整大小，但它实际上并没有像调整其他图像那样调整图像的大小。也许我在 CSS 中使用了错误的标签？

如何使这些按钮和应用程序在我的样式表的手持版本中看起来正确？

感谢您的帮助!

Answer 1

您可以通过更改 .connect_widget_like_button .liketext 和其他的 CSS 来更改文本和“竖起大拇指图像”的大小

以下是我对 CSS 所做的更改，使其看起来像这样:

.connect_widget td.connect_widget_vertical_center { font-size: 15px; }

.connect_widget_like_button .liketext { padding-left: 20px; }

a.connect_widget_like_button { padding: 4px 5px 6px 0px; }

a.connect_widget_like_button span { line-height: 17px; }