有人能帮我理解为什么"7"的文本值不居中吗？

<input id="button7" value="7" onclick='Calc.Input.value += "7"' type="button" class="button"/>

对于网络版，7是居中的，但不是通过媒体查询的移动版。

我的媒体查询CSS仅为；

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
.set_1 {
  height: 270px;
  width: auto;
}
.set_2 {
  height: 266px;
  width: auto;
}
.set_3 {
  height: 266px;
  width: auto;
}
.set_4 {
  height: 266px;
  width: auto;
}
.set_5 {
  height: 266px;
  width: auto;
}
.text_box{
  height: 180px;
  width: 730px;
  font-size: 100px;
}
.button {
  height:200px;
  width:200px;
  font-size: 100px;
  text-align: center;
}
}