调整facebook登录按钮的大小

Question

我在我的练习网站上使用Facebook登录按钮。

但是我有一个问题。 我有一个用于Facebook登录的div标签。 我可以固定width px但我想将其用于Web中的反应类型。

我想将max-width更改为735px ，怎么办？

谢谢

<div class="fb-login-button" data-max-rows="1" data-size="large" 
  data-button-type="login_with" data-show-faces="false"
  data-height="100px" data-auto-logout-link="false" 
  data-use-continue-as="false">
</div>

Answer 1

在CSS文件中，您可以创建一个新类并将其应用于div。 例如，在您的文件中，

.login-reduced-width {
    max-width: 735px;
}

然后你的股利看起来像

<div class="fb-login-button" data-max-rows="1" data-size="large" 
  data-button-type="login_with" data-show-faces="false"
  data-height="100px" data-auto-logout-link="false" 
  data-use-continue-as="false">
</div>

或者，您可以内联CSS（通常不建议这样做，但是可以使用）：

<div class="fb-login-button" data-max-rows="1" data-size="large" 
  data-button-type="login_with" data-show-faces="false"
  data-height="100px" data-auto-logout-link="false" 
  data-use-continue-as="false"
  style="max-width: 735px;">
</div>