桌面端优先策略：以桌面端设备作为首要考虑目标，移动端放到次要位置考虑 这里就是一个主次关系的考虑。 在移动端优先策略下样式的编写，我们可以借用媒体查询来完成对于桌面端大屏设备的适配（例如min-width）。
Bootstrap在以下方面优势比较显著栅格系统可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好。实现这个功能依赖两个东西，一个是view，另一个是max-width，min-width。
border-left-width- padding-left- padding-right- border-right-width- margin-right，这里也包括所有滚动出去的宽度。最终的width则为：min(preferred-width，max(preferred-min-width，available-width))。
我们来看一个具体的实例如果将CSS应用于以下HTML，则减小浏览器的宽度将不会小于max-width指定的宽度。HTML 请尝试更改浏览器宽度。 min-width：200px；已经设置，它 不会小于200px。
min-width属性设置元素的最小宽度。语法：min-width： length|%|inherit；属性值：●length：定义元素的最小宽度值。默认值：取决于浏览器。●%：定义基于包含它的块级对象的百分比最小宽度。
我们一个一个来。首先，随着屏幕越大，字体大小也越来越大，好像是个不错的想法耶。
1、css border-left-width 定义及用法在css中，border-left-width属性是用来设置元素的左边框的宽度。
2、所有主流浏览器都支持 min-width 属性。css min-width属性怎么用？min-width属性设置元素的最小宽度。语法：min-width： length|%|inherit；属性值：●length：定义元素的最小宽度值。默认值：取决于浏览器。
3、css border-image-width属性怎么用？border-image-width属性规定图像边框的宽度。
4、css outline-width属性必须和outline-style属性一起使用，这很好理解，元素必须要有轮廓（outline-style属性定义轮廓样式）才能设置轮廓的宽度。
5、css border-top-width属性定义及用法在css中，border-top-width属性是用来设置元素顶部边框宽度的，当我们要单独对元素顶部边框宽度进行设置的时候，就可以使用该属性。
6、css column-rule-width属性定义及用法在css中，column-rule-width属性是用在多列布局元素中，用来设置列与列之间分割线的宽度。