如果只定位一种尺寸，则应采用哪种屏幕尺寸

Question

这是定义网格的引导程序 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）？如果屏幕上显示的页面大小与目标页面大小不同，会发生什么情况？

我们的应用程序主要用于桌面，偶尔在智能手机或平板上使用。

Answer 1

响应式应用程序的最佳实践是"小型代码"，并在必要时对较大的屏幕进行细微调整，因此答案可能是 sm。

"如果屏幕上显示的页面大小与目标页面不同，会发生什么情况？"

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

Answer 2

如果您

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