2013-03-12 12 views
5

Quante domande multimediali vorresti usare?Quante domande sui media?

Ho fatto 4 disegni:

960 per il paesaggio-mode (ipad e più come desktop) 768 per il ritratto-mode (ipad) 340 per il ritratto-mode (iPhone) e tutti sopra 960

Ora le mie domande:

1) in primo luogo ho anche non so perché ho usato 960 e non 1024. ho letto qualcosa poco fa, a causa della barra di scorrimento che hai per ridurre la larghezza di 960. Che ne pensi di tablet e smartphone?

2) Ho scelto queste larghezze perché ho pensato che, se qualcuno utilizzava la modalità orizzontale, passasse alla "ipad-media-query" e tornasse alla "iphone-media-query". Ma questa è solo la mia teoria. Sono nuovo alle domande dei media. Ecco perché chiedo. Apprezza l'aiuto o anche i tuoi esempi di codice CSS suggeriti per ottenere la migliore quantità di query sui media per un sito Web !?

3) Voglio solo coprire la maggior parte dei tablet, smartphone, desktop, ecc. Per essere influenzati dalle migliori dimensioni della query multimediale. Gradirei davvero le tue "migliori soluzioni"!

risposta

6

Quanto è lungo un pezzo di spago?

Spetta davvero a te e al tuo progetto sapere su quante richieste di supporti sarebbe opportuno utilizzare e come le implementi.

Come guida, consiglierei come Twitter Bootstrap implementa le proprie query multimediali. Hanno fatto molte ricerche per arrivare ai loro numeri in modo che sarebbe un buon punto di partenza.

http://twitter.github.com/bootstrap/scaffolding.html#responsive

+0

Cosa intendi con la tua prima domanda? Quale stringa? Grazie per il tuo link. Lo esaminerò. Ma questo significa che devo installare questo framework di bootstrap o lo consiglieresti? – Vay

+0

@Vay - È solo un'espressione, significa che non c'è una risposta definitiva :-) Sono un grande fan di Bootstrap, quindi consiglierei di esaminarlo per l'utilizzo nei tuoi progetti. Per il tuo progetto attuale, se hai già fatto un sacco di lavoro, potrebbe non valere la pena. –

+0

Oh, mi dispiace, non sono così in termini inglesi. :) Grazie, suona molto bene. Bene, ho un po 'di tempo per finire questo progetto, ma sembra che non sia così difficile entrare in questo. – Vay

0

Vorrei utilizzare un layout dinamico che non richiede query multimediali.

basta utilizzare le query multimediali per nascondere/spostare elementi.

è possibile utilizzare qualsiasi numero di loro. metti un po 'di javascript nella tua pagina che mostra la larghezza attuale del browser e poi ridimensiona il browser per testare quando nascondere gli elementi. funziona per me

+0

Si intende l'utilizzo di importi percentuali per impostare i contenuti? Sì, ma non voglio avere troppe domande sui media e ho anche pensato che sarebbe stato meglio evitare l'uso di JS. – Vay

+0

sì, prova il più possibile, quindi inizia a nascondere le cose con le query multimediali. il javascript che ho citato è solo per il debug, quindi vedi quanto è grande il tuo browser al momento, ridimensionando lo –

0

L'ultimo mondo del design vuole responsive design.

vedere questo esempi & utilizzano tutte le query multimediali che si desidera: query http://nmsdvid.com/snippets/

+0

Grazie. Conosco questa pagina e questo è anche il motivo per cui sono così confuso, perché ci sono così tante dimensioni. – Vay

+0

@Vay Go for only iphone, ipad & tab –

+0

Perché la maggior parte dei ppl usa dispositivi Apple? – Vay

1

uso dei media per: 240 x 320 (mobile), 320 x 480 (mobili), 480 x 640 (piccolo tablet), 768 x 1024 (tablet - ritratto), 1024 x 768 (tablet - paesaggio)

Considerando larghezza inferiore a 320px è una pratica molto buona, ma per coloro che si concentrano molto su ogni visitatore.

2

È una cattiva idea provare a identificare i punti di interruzione. La ragione principale di un punto di interruzione in un sito Web reattivo è di mantenere l'esperienza ottimale. Non vuoi inserire una nuova query multimediale per ogni nuovo dispositivo o risoluzione.

2

Utilizzare quante più query multimediali è necessario. Puoi evitare di usare troppi perché non vuoi un gigantesco file CSS. Ma questo non rallenterà in modo significativo il sito. Se organizzi bene le tue query multimediali e utilizzi larghezze minime e massime per ogni query, sarà molto facile tenere traccia del tuo codice.

È possibile utilizzare una query media per ogni orientamento di ogni dispositivo, se lo si desidera. Ovviamente idealmente vuoi utilizzare zero media query e solo creare un sito perfetto che si trasforma perfettamente. Ma questo non accadrà a meno che il tuo sito non sia semplicissimo.

Uso 9 query multimediali.

Se è possibile ampliare i parametri di risoluzione e sbarazzarsi di alcune query multimediali, tanto meglio.