2014-12-02 12 views
40

Guardando a variables.less (e da google su google), sembra che tutto il breakpoint di bootstrap meno le variabili siano deprecate. È corretto? Qualcuno sa cosa dovremmo usare invece se vogliamo assegnare gli stili in base ai punti di rottura delle dimensioni dello schermo di bootstrap? Utilizzo di Bootstrap v3.1.1 con LESS. Grazie.Tutti i breakpoint di avvio sono obsoleti?

//== 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; 
+9

No, non tutto ... In realtà tutte quelle '@screen - * - min' tranne' xs' non sono deprecate e devono essere utilizzate. –

risposta

37

Cosa ha detto @ sette-fasi-max. Le variabili @screen-{sm,md,lg}-min sono quelle che dovresti usare. Gli altri sono stati deprecati a favore di questi.

E @screen-xs-min è deprecato perché XS non ha dimensioni dello schermo più strette (a meno che non si voglia contare 1px) poiché è il punto di interruzione più basso. (Allo stesso modo, LG non ha larghezza massima.)

+1

Vedo, grazie. Quindi, solo per confermare, questi sono i tre che non sono deprecati: '@ screen-sm-min' '@ screen-md-min' '@ screen-lg-min' Ma il resto (compresa sia '@ screen-xs-min' che '@ screen-xs') sono? Voglio solo essere chiaro perché, mentre il tuo punto sullo '@ screen-xs-min' ha perfettamente senso, non avere '@ screen-xs' sarà un po 'fiacco. – launchoverit

+0

Come dice il commento nel codice, '@ screen-xs' è deprecato. Le variabili non min sono solo alias deprecati per le variabili "-min". Potresti anche essere interessato alle variabili "-max" calcolate non deprecate. – cvrebert

+7

Non per scherzare sul punto, ma una parte di ciò che è confuso è che le variabili "-min" sembrano essere alias delle variabili non min, non il contrario (es. @ Screen-md-min: @ screen-md) . Che sembra strano dato che le variabili non min sono quelle deprecate. Ad ogni modo, sembra chiaro che andando avanti imposterò valori espliciti per le variabili "-min" in modo che non dipendano dalle variabili deprecate. Grazie. – launchoverit

Problemi correlati