Tenho dentro da tag body 3 divs com altura definida em pixels e largura em porcentagem. Quando a pessoa digita CTRL+ os navegadores dão zoom até 500%.
O meu problema é que o zoom não funciona.
Tentei definir, na tag body e nos 3 ids definidos nas 3 divs: topo, corpo e rodapé.
No meu caso eu defini o overflow-y
como scroll
e as divs com min-width
e width
de 100
e max-width
de 500%
porém não está resolvendo.
<body>
<div id="todo">
<div id="topo"></div>
<div id="corpo">
</div>
<div id="rodape"></div>
</div>
</body>
CSS:
/*
Created on : 31/05/2014, 23:25:56
Author : willian
*/
body {
margin: 0;
padding: 0;
min-width: 100%;
width: 100%;
max-width: 500%;
overflow-x: scroll;
}
#todo {
margin: 0;
padding: 0;
min-width: 100%;
width: 100%;
max-width: 500%;
overflow-x: auto;
}
#topo {
margin: 0;
padding: 0;
height: 200px;
min-width: 100%;
max-width: 500%;
background: #fefcda;
overflow-x:auto;
}
#corpo {
margin: 0;
padding: 0;
height: 800px;
min-width: 100%;
max-width: 500%;
background: #faf9ed;
overflow-x: auto;
}
#rodape {
margin: 0;
padding: 0;
height: 300px;
min-width: 100%;
max-width: 500%;
background: #fefcda;
overflow-x: auto;
}