2012-09-06 19 views
5

La larghezza specificata nelle query dei supporti rappresenta la dimensione della schermata di deviazione o è la larghezza interna del browser nel dispositivo mobile.Query media di elementi CSS e larghezza degli elementi

Se si specifica una larghezza dell'elemento uguale a min-width definita nella query multimediale, a un certo punto verrà visualizzata una barra di scorrimento orizzontale?

Ad esempio:

@media screen and (min-width: 460px) and (max-width: 800px){ 

    .wrapper{ 
     width: 460px; 
    } 
} 

Se questo non è corretto, quello che dovrebbe essere larghezza massima di .wrapper al fine di evitare la barra di scorrimento?

+0

Condividi il tuo esempio a [jsfiddle.net] (http://jsfiddle.net) –

+0

http://tripleodeon.com/2011/12/first-understand-your-screen/ e http://tripleodeon.com/wp-content/uploads/2011/12/table.html questo ti aiuterà –

risposta

1

Secondo larghezza W3C in media query è

La funzionalità media ‘larghezza’ descrive la larghezza del display area di destinazione del dispositivo di uscita.

Per lo schermo sarà la larghezza della finestra del browser.

È possibile utilizzare la funzione device-width per rendere il markup reattivo allo schermo del dispositivo.

W3c specifica: http://www.w3.org/TR/css3-mediaqueries/#width

Problemi correlati