Adaptarse a la resolución de pantalla

xkz 13 Nov, 2012, 12:23 pm

Buenas!

Tengo instalado el tema Fortress de Leandro M. publicado en este foro. Me encanta el tema, pero el ancho amplio (+1200px) hace que se vea perfecto en resoluciones altas, pero algo grande en resoluciones bajas. El problema es que si uso un porcentaje, se verá bien en netbooks pero enorme en resoluciones 1920x1080.¿Podría hacer una excepción para que en los netbooks se aplicara una regla de estilos y en el resto de ordenadores se muestre normal? Algo parecido a lo que hace GoMobile.

Muchas gracias por vuestra atención! Un saludo Wink

Cluster 13 Nov, 2012, 12:56 pm

es un foro de MyBB no de HTML y CSS aunque si te puedo ascesorar no se mucho del tema, se llama responsive y creo que con esto puedes adaptar tus estilos a distintas resoluciones aplicando reglas como tu lo mencionas

bender 13 Nov, 2012, 2:22 pm

estaba creando un tema con base justamente eso... que se adaptara a las distintas resoluciones y solo encontre esto y por ahora me sirve talvez te sirva, eso si debes agregarle el css

Código:
@media screen and (max-width:1920px) {

    Aqui el CSS para esa resolucion

    }

xkz 13 Nov, 2012, 3:12 pm

Muchísimas gracias a los dos! Ambas cosas me han servido! Un abrazo desde España Wink

Juliens 17 Nov, 2012, 9:01 am

Lo que te dice bender, se lo conoce como media query y sirve para aplicar diferentes estilos cuando se trata de resoluciones más pequeñas o más grandes, todo depende de lo que tu coloques en la querya del media.

Equipo de Desarrollo de Skylium Network

[Imagen: http://skyliumplus.com/wp-content/upload...OMINIO.png]

Blog de Programación y de otras cosas xD

HSSWebs 20 Nov, 2012, 2:54 pm

También puedes usar un Framework CSS para hacer esto sin complicaciones, que yo lo veo como una opción mas factible en cuanto a errores y evitarse gran parte de trabajo.
Aquí puedes encontrar información sobre uno de estos.
http://hasaezs.com/css-responsive-cuadricula-rdwgrid/ :vueltas:

Última modificación: 20 Nov, 2012, 2:56 pm por V1K1NGO.

Leandro M. 21 Nov, 2012, 2:35 pm

Podes usar algo como esto

Código:
width: 95%;

min-width: 1000px;

max-width: 1270px;

Es la mejor forma Smile