Ver Mensaje Individual
  #8 (permalink)  
Antiguo 11/03/2014, 19:28
jrlsiles26
 
Fecha de Ingreso: marzo-2014
Mensajes: 27
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: ajuste de resolucion para movil

Cita:
Iniciado por pzin Ver Mensaje
Pues lo que tienes que eliminar son las media-queries, que viéndolo por encima parece que solo tengas una en el archivo style.min.css (que tal vez venga de otro archivo, ya que ese está minificado).

Básicamente es borrar esto:

Código CSS:
Ver original
  1. @media only screen and (max-width:960px) {
  2.   /* aquí "dentro" hay varias reglas que también eliminarías */
  3. }
Ya lo he probado, es decir si en vez de 960 le pongo 10, se ve normar en el movil pero me lo desajusta todo y se ve enorme en el telefono. dentro de eso hay un monton de cosas, lo que pretendo es que ajuste en el movil con la pagina normal sin que varie nada.

Código CSS:
Ver original
  1. @media only screen and (max-width:960px){h2.orphan{margin:0 5% 20px;width:90%}.container{width:100%}header{background:0 0;padding-top:0}#logo{background:url(../images/light-pattern.png) transparent;border-bottom:1px solid #ccc;margin:0 0 20px;padding:10px 5%;width:90%;float:none;font-size:22px}.social-icons{display:block;float:none;position:absolute;right:5%;top:12px}nav{float:none;margin:20px 0}ul[role=navigation] li{float:none;display:block;margin:0 5% 5px;width:90%}ul[role=navigation] li a{padding:12px 20px;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative}ul[role=navigation] li a:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.4)),color-stop(50%,rgba(255,255,255,.15)),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));background:-moz-linear-gradient(center top,rgba(255,255,255,.4) 0,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%)}ul[role=navigation] li a .icon{font-size:22px;vertical-align:text-bottom}section[role=banner] hgroup h1,section[role=banner] hgroup h2{font:700 24px Helvetica,Arial,Tahoma;padding:0 5%;width:90%}section[role=banner] hgroup h2{font-size:16px;margin-top:15px}section[role=banner] article[role=main]{width:100%;padding:0 0 30px}section[role=banner] article[role=main] h2{line-height:1.2em}section[role=banner] article[role=main] .post,section[role=banner] article[role=main] aside{float:none;width:90%;margin:0 5%}section[role=banner] article[role=main] aside{display:none}section[role=banner] article[role=main] .price-table li{display:block}section[role=banner] article[role=main] .price-table li .button,section[role=banner] article[role=main] .price-table li h4,section[role=banner] article[role=main] .price-table li ul{display:none}section[role=banner] article[role=main] .price-table li .dark{margin:0;padding:15px 0 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}section[role=banner] article[role=main] .price-table li.box{margin:0 5% 10px;width:90%;padding:0}section[role=banner] article[role=main] .price-table li.box .button{margin:10px 5% 0;width:90%}section[role=banner] article[role=main] .price-table li.box:first-child{padding:0 0 20px}section[role=banner] article[role=main] .price-table li.box:first-child .button,section[role=banner] article[role=main] .price-table li.box:first-child h4,section[role=banner] article[role=main] .price-table li.box:first-child ul{display:block}section[role=banner] article[role=main] .price-table li.box:first-child .dark{margin:0 0 10px;padding-bottom:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}section[role=banner] article[role=main] .price-table li.gap{display:none}.button{width:100%;padding:15px 0;margin:0 0 15px}.left{float:none}.columns article{border:0!important;display:block;width:90%;padding:0;margin:0 5%;font-size:13px}.columns article figure{display:none}.columns article figure p{margin:0}.columns article figure img{width:100%}.columns article:first-child{padding:20px 0 10px}.columns article:first-child figure{display:block}.columns article:last-child h3{border:0}.thumb-rotator{padding:0 5% 20px}.thumb-rotator li{float:none;margin:0 0 5px;width:100%;display:none}.thumb-rotator li:first-child{display:block}.foo-slogan{overflow:hidden;padding:10px 5% 20px;width:90%}.foo-slogan h2{float:none;width:100%;font:700 22px/1em Helvetica,Arial,Tahoma;margin:0 0 15px}.foo-slogan .button{float:none}.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text],.c-form textarea{padding:10px 3%;width:93%}.sort-bar{margin:0 5% 20px}.sort-bar a{line-height:24px}.thumb-list{margin:0 5%}.thumb-list li{height:auto!important;margin:0 0 20px!important;width:100%}.thumb-list li img{padding:2%;width:96%}.content,aside[role=complementary]{display:block;padding:10px 5%;width:90%}.content img,aside[role=complementary] img{max-width:90%}.content table,aside[role=complementary] table{width:95%}.content td,.content th,aside[role=complementary] td,aside[role=complementary] th{padding:2px 4px}footer[role=contentinfo]{padding:10px 5%;width:90%}footer[role=contentinfo] p{width:100%}}.oldies .columns{overflow:hidden}.oldies .columns article{float:left;display:block;width:21%}.oldies section[role=banner] article[role=main] .price-table{overflow:hidden}.oldies section[role=banner] article[role=main] .price-table li{float:left;width:215px}.oldies section[role=banner] article[role=main] .price-table li.gap{width:30px}.oldies section[role=banner] article[role=main] .price-table li .dark{width:215px}.oldies section[role=banner] article[role=main] .price-table li li{float:none}.ie7 aside[role=complementary]{float:left}.ie7 .content{width:680px;float:left}



este es el codigo, como lo puedo eliminar sin que me varie las cosas?. muchas gracias de verdad.

Última edición por pzin; 12/03/2014 a las 02:11