请问这句话是什么意思

Bootstrap is developed mobile first, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries.

上面这句话是从这里摘的，https://getbootstrap.com/docs/4. ... n/#starter-template
不懂这块的意思：then scale up components as necessary using CSS media queries，更不懂这块的意思：as necessary using CSS media queries。
这句话是什么意思啊？请大家帮忙看看。

说他的按钮是给手机设计的，如果用在电脑屏幕上是按比例拉大的，以及有一些情况使用了类似于

1. @media only screen and (min-width: 600px) {
   . .и
2.   body {
   
3.     background-color: lightblue;
   
4.   }
   
5. }
   
6. 这样的media query。 但只有电脑屏幕宽度才用了query，其余不用的情况全默认是手机宽度。
   

复制代码

首先要知道css media query是啥
然后要知道as necessary是啥意思，可以理解成when necessary或when it is necessary
然后要知道现在分词作方式状语的用法，using xxx可以理解成by using xxx
另外后半句的断句是，scale up components, as necessary, using css media query
那么意思就是 when necessary, scale up components, by using css media query
也就是 necessary的时候使用css media query来scale up组件

具体什么意思呢，就是说以前我们是先写桌面版的css规则，然后写屏幕小于一定宽度的特殊情况下的规则来给移动设备使用
现在mobile first的概念则是反过来，先写移动设备上的规则，再把屏幕宽度大于一定像素的桌面版当作特殊情况来处理。楼上给出了一个例子

为什么这句话不这样写：
Bootstrap is developed mobile first, a strategy in which we optimize code for mobile devices first
and then use CSS media queries to scale up components when necessary.
这样写不是很清楚吗？

atandt 发表于 2020-07-27 08:35:38
为什么这句话不这样写：
Bootstrap is developed mobile first, a strategy in which we optimize code for mobile de

人家的写法一点都没有不清楚

你觉得人家不清楚人家还觉得你这说法啰嗦呢