如果只针对一种尺寸，应该使用哪种屏幕尺寸？答案

【问题标题】：Which screen size should be if only one size is going to be targeted?如果只针对一种尺寸，应该使用哪种屏幕尺寸？
【发布时间】：2015-04-15 20:52:47
【问题描述】：

这是定义网格的 bootstrap 3 代码：

<div class="container">

    <div class="row">

        <div class="col-sm-6 col-md-4"><p>Box 1</p></div>
        <div class="col-sm-6 col-md-4"><p>Box 2</p></div>
        <div class="col-sm-6 col-md-4"><p>Box 3</p></div>
        <div class="clearfix visible-md-block"></div>
        <div class="col-sm-6 col-md-4"><p>Box 4</p></div>
        <div class="col-sm-6 col-md-4"><p>Box 5</p></div>
        <div class="col-sm-6 col-md-4"><p>Box 6</p></div>
    </div>

</div>

上面的网格是针对中小型屏幕的。如果要针对一种且只有一种屏幕尺寸，它将是什么（col-xs、sm 或 md）？如果页面显示在与目标大小不同的屏幕上会怎样？

我们的应用主要在台式机上使用，偶尔在智能手机或平板电脑上使用。

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

响应式应用的最佳做法是“为小尺寸编写代码”，并在必要时对大屏幕进行微调，因此答案可能应该是 sm。

“如果页面显示在与目标大小不同的屏幕上会怎样？”

框架应相应调整。您是说您的应用程序基本上将是偶尔在手机或平板电脑上使用的桌面，但是当您遇到屏幕空间问题时，在大屏幕上归档小内容比将大内容塞进屏幕要容易得多小屏幕。只是我的2美分。

【讨论】：

【解决方案2】：

如果您使用col-sm-*，那么它自动适用于col-md-* 和col-lg-*，因此如果该站点更多地用于平板电脑和台式机而不是非常小的移动设备，我建议使用col-sm-*。

【讨论】：