html - 元素的不同边距

Question

我不明白为什么移动版的元素和INPUT SELECT 的间距和长度不同，一切看起来都像歪了。

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

你可以看到我网站的实时代码 -这里

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

也许这是关于盒子模型 CSS 属性的问题http://www.w3.org/TR/CSS2/box.html

一些浏览器使用不同的引用来引用对象的边距、填充和内部尺寸，这些引用因媒体类型而异。