Wlada/vue-carousel-3d

Dynamic width depending on @media

Open

#79 aperta il 22 mar 2018

Vedi su GitHub
 (1 commento) (1 reazione) (0 assegnatari)HTML (201 fork)batch import
help wanted

Metriche repository

Star
 (950 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Hey,

my content are calculated to fit the props size in term of width.

I would like to know what's the best practice to display a large card (width = 500 / 600) in desktop mode, and less than 300 in mobile mode ?

Should I bypass the props width and use a media query that override the slide width ? Or should i generate the width in JS and pass it as props ?

best regards

Guida contributor

Direzione di ricerca
Confronta l'uso delle media query CSS per sovrascrivere la larghezza delle diapositive rispetto alla generazione dinamica della larghezza tramite JavaScript e passaggio come props, e fornisci indicazioni sulle migliori pratiche per il design responsive in questo componente carosello.
Tech stack
vuecss
Dominio
frontend
Tipo issue
Ricerca
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
VueCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70