Android 在手机上评论时facebook登录按钮的宽度

我用手机浏览我的网站。一篇文章可以评论如下：

问题是，当Im未登录时，会出现一个按钮来登录。但它看起来很像：

|                     |
|                     |
|Login here to send po|
|                     |
|                     |

因此（在我的母语中）按钮的宽度大于设备的宽度。如何设置此按钮的100%宽度

编辑：对不起，我忘了：

<div class="flbCont" style="background-color: red; width: 100%;">
<div class="fb-comments" data-href="fladinflakk" data-numposts="5"  width="100%" data-colorscheme="light"></div>
</div>

---

在本例中，我将使用媒体查询将宽度从固定大小（300px）更改为100%宽度

以下是媒体查询，当它检测到大小和设备发生变化时，将更改样式

@media only screen and (max-width: 680px) {
    .login {
        width: 100%;
    }
}

确保你包括

<meta name="viewport" content="width=device-width, initial-scale=1.0;">

在您的

头部

标签中。这将允许媒体查询检测设备，然后知道如何进行更改

---

这里有一把小提琴：

根据你的描述，很难知道发生了什么。给我一些html/css或url，这样我会有更好的想法。我的猜测是宽度：100%应该适用于您，以防它不检查按钮容器上应用的宽度。@Josh Powell，它不起作用。按钮仍然比窗口宽，然后您需要发布一些html/css，这样我们就可以看到为什么它不起作用。如果你看一下我答案中的演示，你会发现它是有效的that@JohnSmith您需要在自己的css文件中隔离样式。如果希望某些内容具有响应性，请不要使用内联样式。