Ancho y ancho de elementos de medios de CSS

El ancho especificado en las consultas de medios representa el tamaño de la pantalla de devide o el ancho interno del navegador en el dispositivo móvil.Ancho y ancho de elementos de medios de CSS

Si especifico un ancho de elemento igual al min-width definido en la consulta de medios, ¿aparecerá una barra de desplazamiento horizontal en algún punto?

Por ejemplo:

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

    .wrapper{ 
     width: 460px; 
    } 
}

Si eso no es correcto, lo que debería ser el máximo ancho de .wrapper con el fin de evitar la barra de desplazamiento?

Fuente

2012-09-06 user1251698

Compartir su ejemplo en [jsfiddle.net] (http://jsfiddle.net) –

http://tripleodeon.com/2011/12/first-understand-your-screen/ y http://tripleodeon.com/wp-content/uploads/2011/12/table.html Esto te ayudará –

Según anchura W3C en las consultas de los medios de comunicación es

la función de medios ‘width’ describe la anchura de la zona de visualización dirigido del dispositivo de salida.

Para la pantalla será el ancho de la ventana del navegador.

Puede usar la función device-width para que su marcado responda a la pantalla del dispositivo.

especificación W3C: http://www.w3.org/TR/css3-mediaqueries/#width

Fuente

2012-09-06 12:49:24

Ancho y ancho de elementos de medios de CSS

Respuesta

Cuestiones relacionadas