由于时间问题，我下载了一个以使用CSS称为地平线通过模板模板。

这CSS使用Javascript初始化移动视图使按钮从在线到block。

起初它是阳光和彩虹，但突然这发生在我的按钮：

基本上，他们走出去的div 像这样。 （DIV和按钮的轮廓） 我不知道该怎么办。由于其不喜欢加入@media和屏幕命令。

我有一个

mobile:{ 
  range: '-640', 
  href: 'css/style-mobile.css', 
  containers: '90%',

  grid: { 
    gutters: 15, 
    collapse: 2 
  } 
}

和

body, input, select, textarea {
    font-size: 11pt;
}

.button {
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 2.75em;
    height: 2.75em;
    margin: 1.5em


}

该style-mobile.css内。

在我的正常的style.css我有：

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background: #4368b1;
    border-radius: 40px;
    border: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 0.80em 2em;
    text-align: center;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 600;
    min-width: 9em;
}

不知道这是否会影响，但我跑我的指数：

<?php
require "header.php";

我body页面内休息，我遇到的麻烦。

我不知道该怎么做。任何帮助表示赞赏。