Soporte » Guías – Resolución de problemas » Cambiar anchura/medidas de la web

  • Hola, resulta que cuando tenía mi web casi a punto de terminar, me surge la duda de cómo se verá en pantallas con resoluciones más pequeñas.

    Yo la he hecho en una pantalla de 1920x1080p, con lo que la veo sin problemas, pero al entrar a la web desde monitores más pequeños (15″ por ejemplo), el fondo o background ni siquiera se ve.

    ¿Hay alguna forma de hacer que la web cambie de tamaño en función del monitor desde donde se esté viendo?

    Y si no es así, ¿qué método puedo utilizar para cambiar el «cuerpo» de la plantilla? La cabecera y el fondo lo puedo hacer más adelante, es más fácil.

    Aquí la web: http://chelos.comuv.com/wordpress/

    Un saludo y muchas gracias de antemano.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Si se podría hacer, con javascript reconociendo el tamaño de la pantalla… pero sinceramente, no te lo aconsejo. Yo optimizo para un mínimo de 1024 de ancho, con un ancho de 980px aproximadamente. Si alguien tiene menos, pues que use el scroll 🙂 Yo bajaría el centro de tu web a 980px, y así optimizas para esa resolución que aún se lleva.

    Iniciador del debate quezoo

    (@quezoo)

    El ancho del centro de la web es 1024px… pero el alto no sé ahora mismo.

    ¿Entonces me recomiendas bajarlo a 980px? Es que es muy raro, lo «lógico» sería que en resoluciones altas se viera la página bien y en bajas se viera con el fondo cortado, pero es que no se ve nada del fondo. Es como si el monitor reconociese que la web es muy ancha y directamente se comiera el fondo.

    ¿Tú ves mi página bien? 😀

    Por cierto, para cambiar el ancho del centro de la web a 980px, ¿qué archivo .php hay que modificar?

    Un saludo y muchas gracias por tu ayuda.

    Yo la veo perfecta eh… Ahora mismo el centro tiene 970px de ancho, pero tiene un padding lateral de 30 por lo que el ancho es de 1030px. Para optimizar una web a 1024 de resolución, se usa un ancho de 980px para quitar el scroll y demás…

    Tendrías que modificar el style.css, la clase .content-pad. Bajarle a 920 que con el padding sumado, da 980px.

    No obstante, si es un tema con ese fondo, no te aseguro que se quede bien porque el fondo estará ajustado a ese ancho. Pruebalo y me cuentas. Si no, puedes modificar el fondo… Ya contarás! 😉

    Iniciador del debate quezoo

    (@quezoo)

    Pues he probado a bajarlo a 920px pero la cosa sigue igual. Se me ha descuadrado un poco el header y el fondo, pero eso se puede arreglar con photoshop.

    Pero vamos, he probado a entrar desde un smartphone y una pantalla de 15″ y en ambos casos seguía sin aparecer nada del fondo.

    Es bastante raro la verdad, quizás me compense dejarlo así porque me parece que va a traer mucha cola el problema…

    No se que puede pasar 🙁 Tendria que verlo detenidamente…

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Cambiar anchura/medidas de la web’ está cerrado a nuevas respuestas.