元素的不同边缘

Question

我无法理解为什么移动版的元素和INPUT SELECT的间距和长度不同，一切看起来都像是歪。

然而，由于移动版本对齐中间的红色按钮？

您可以查看我的网站的实时代码 - here

Answer 1

使用Bootstrap的text-center类切换所有容器的类，它将正常工作（测试）。

此：

<div class="col-md-offset-5 col-md-6 col-sm-offset-5 col-sm-6" id="d-btn-order">
    <input type="button" value="Оформить заказ"
           class="btn btn-danger paddbtn"
           name="btn-pillow-order" id="btn-pillow-order">
</div>

现在是这样的：

<div class="text-center" id="d-btn-order">
    <input type="button" value="Оформить заказ"
           class="btn btn-danger paddbtn"
           name="btn-pillow-order" id="btn-pillow-order">
</div>

Answer 2

可能是关于Box Model CSS属性http://www.w3.org/TR/CSS2/box.html

的问题

某些浏览器使用不同的对边距，填充和内部维度的引用，这些引用因媒体类型而异。