Wszystkie punkty przerwania ładowania początkowego są przestarzałe?

Question

Patrząc na variables.less (i od googling around), wygląda na to, że wszystkie punkty przerwania bootstrap, mniej zmiennych, są przestarzałe. Czy to jest poprawne? Czy ktoś wie, co powinniśmy używać zamiast tego, jeśli chcemy przypisać style w oparciu o punkty przerwania ekranu o wielkości ekranu początkowego? Korzystanie z Bootstrap v3.1.1 za pomocą LESS. Dzięki.

//== Media queries breakpoints 
// 
//## Define the breakpoints at which your layout will change, adapting to different screen sizes. 

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

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

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

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

Answer 1

Co powiedziano siedmiofazowo-max. Zmienne @screen-{sm,md,lg}-min są tymi, których powinieneś użyć. Pozostałe zostały wycofane na ich korzyść.

I @screen-xs-min jest przestarzałe, ponieważ XS nie ma najwęższego rozmiaru ekranu (chyba że chcesz liczyć 1px), ponieważ jest to najmniejszy punkt przerwania. (Podobnie, LG nie ma maksymalnej szerokości).