Question

我的网站上有以下代码

<div class="row">
  <div class="col-xs-2 col-xs-offset-2 col-sm-2 col-md-2 col-md-offset-2 col-sm-offset-2 option">
    <button id='yes' type='submit' class='btn btn-success btn-block' name='yes' onclick="nextThesis('a')"><span class="glyphicon glyphicon-thumbs-up"></span> Zustimmung</button>
  </div>
  <div class="col-xs-2 col-sm-2 col-md-2 option">
    <button id='neutral' type='submit' class='btn btn-warning btn-block' name='neutral' onclick="nextThesis('b')"><span class="glyphicon glyphicon-tree-deciduous"></span> Neutral</button>
  </div>
  <div class="col-xs-2 col-sm-2 col-md-2 option">
    <button id='no' type='submit' class='btn btn-danger btn-block' name='no' onclick="nextThesis('c')"><span class="glyphicon glyphicon-thumbs-down"></span> Ablehnung</button>
  </div>
  <div class="col-xs-2 col-sm-2 col-md-2 option">
    <button id='skip' type='submit' class='btn btn-default btn-block' name='skip' onclick="nextThesis('d')"><span class="glyphicon glyphicon-share-alt"></span> Überspringen</button>
  </div>
  </div>

每当网站在桌面浏览器中显示时，按钮大小都适合其他元素的大小。然而，在移动电话上，与所有其他元素相比，按钮的比例非常大。

如何解决这个问题？

最诚挚的问候，

菲利普

手机上的按钮比例过大

0 个答案: