[SOLUCIONADO] Tamaño de la Pagina web

[desco6]

De alguna manera este tema los que ya conocen, es el pan de cada dia.

Con la típica pregunta:

Como le hago para que mi página web se adapte a los celulares.

Ahora bien, yo traigo la misma pregunta pero al revés.

es decir, como le hago para que mi pagina web se adapte pero a las PC

diran ustedes y como esta eso,

Les explico.

Actualmente uso este codigo para que mi pagina web se vea bien en los celulares (telefonos inteligentes)

<meta name = "viewport" content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0" />


Y pues me funciona de las mil maravillas, no tengo problema con el.

El problema esta en que las pantallas muy muy grandes de una PC moderna, ustedes saben pantallas de mas de 32 pulgadas.

Mi pagina web se expande en toda la pantalla,

Antes cuando usaba tablas, era facil detener el crecimiento de mi pagina, pero sin ellas no se como la detengo,

Busco que se detenga mas o menos en el tamaño de una tablet de 10 pulgadas.

Que me recomiendan usar.

[fede5426]

Media Queries, basicamente consiste en cambiar el estilo de los elementos segun el tamaño de la pantalla donde se este visualizando el sitio.

Por ejemplo, supongamos que tenes todos los elementos en un #contenedor con un width:100%;

Agregando esto al final de tu css:

Código CSS:

@media screen and (min-width: 1024px){
    #contenedor{
           max-width: 1000px;
     }
}
 

Indicas que cuando la pantalla sea mayor a 1024px, el #contenedor tenga un ancho maximo de 1000px.

Saludos

[desco6]

Iniciado por fede5426

Media Queries, basicamente consiste en cambiar el estilo de los elementos segun el tamaño de la pantalla donde se este visualizando el sitio.

Por ejemplo, supongamos que tenes todos los elementos en un #contenedor con un width:100%;

Agregando esto al final de tu css:

Código CSS:

@media screen and (min-width: 1024px){
    #contenedor{
           max-width: 1000px;
     }
}
 

Indicas que cuando la pantalla sea mayor a 1024px, el #contenedor tenga un ancho maximo de 1000px.

Saludos

Mil gracias....

[pzin]

De todas formas, está bien poner eso, pero, también hay que ser un poco animalito para tener el navegador maximizado en una pantalla de 32". No lo hago ni yo que tengo un iMac pequeño.