CSS - Web responsive-error al hacer zoom

   
Vista:

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

Web responsive-error al hacer zoom

Publicado por xve (352 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