Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » CSS » Web responsive-error al hacer zoom

CSS - Web responsive-error al hacer zoom

Volver
Nuevo Tema
<<>>
 
Vista:
Imágen de perfil de Borja

Web responsive-error al hacer zoom

Publicado por Borja (1 intervención) el 04/12/2014 13:15:03
hola.
buenas tardes a todos.

Os queria preguntar una cosa, ya que me trae ultimamente bastante dolor de cabeza.

Estoy haciendo un diseño responsive para una web, pero tengo el problema de que al hacer zoom se hace mas pequeño en lugar de mas grande y viceversa.

¿Que puedo hacer? ¿Que es lo que tengo mal?

Un saludo a todos.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Web responsive-error al hacer zoom

Publicado por xve (490 intervenciones) el 04/12/2014 15:39:13
Hola Borja, eso te pasa, porque trabajas con tanto por ciento (%)

Al ampliar, amplias los margenes y bordes, pero al trabajar con % se va adaptando, por lo que se hace mas pequeño por el grueso de los margenes y bordes.

He visto el código, y el doctype lo tienes mal. tendría que ser algo como:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!doctype html>
<head>
    <style>
    html, body {height:100%;}
    #container{

        border:solid 1px #FF0000;

        width:99%;
        height: 97%;
        padding: 1% 0% 0% 1%;
    }
    #sub-contenedor1{

        border: solid 1px #00D828;

        width: 98%;
        height: 30%;
        max-height:98%;
        max-width:98%;
        box-sizing: border-box;
    }
    </style>
</head>
 
<body>
<div id="container">
	<div id="sub-contenedor1"></div>
</div>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar