bootstrap的媒体查询的临界点的依据是什么

Question

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;


// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;

为什么会是480px 768px 992px 1200px 这几个值呢？

Answer 1

注释上写了。。

Answer 2

是根据 一些主流屏幕分的，比如苹果的 320480 640960（只是大部分主流移动屏幕分辨率折中分界点，一些非主流手机的屏幕分辨率是被忽略的 ）