comment arrêter ma page html redimensionner

Question

J'ai fait une page HTML avec toutes les largeurs et hauteurs en pourcentage "c'est primordial pour ma conception de travailler avec toutes les résolutions" mais quand je redimensionner mon navigateur web tout sera endommagé.
est-il un moyen que lorsque je redimensionner mon navigateur Web, je peux faire défiler la page?

Answer 1

La seule façon de gérer cela est avec le script. Jetez un oeil à d'autres exemples où les gens flottent un pied de page au bas de la page par exemple.

En utilisant jQuery vous pouvez faire quelque chose comme: -

<script type="text/javascript"> 
$(document).ready(function() { setPanels(); }); 
window.onresize = function() { setPanels(); } 

function setPanels() { 
    var windowHeight = $(window).height(); 
    var content1Height = $('#topDiv').height(); 
    var content2Height = $('#bottomDiv').height(); 

    // Now calculate the new splits and adjust heights 
    ... 

</script> 

Answer 2

Vous pouvez donner des éléments min-width et min-height:

body  { min-width: 900px; } 

Maintenant, si la fenêtre du navigateur a moins de 900px de l'espace horizontal, il affichera une barre de défilement.

Answer 3

Vous ne pouvez pas empêcher l'utilisateur final de redimensionner son navigateur. Cependant, vous pouvez construire votre site dans un élément hauteur/largeur fixe, puis centrer cet élément sur la page avec CSS.

Exemple

#main-container { 
width: 300px; 
height: 400px; 
position: absolute; 
top: 50%; 
left: 50%; 
margin-left: -150px; /* half of the width */ 
margin-top: -200px; /* half of the height */ 
} 

Je suppose que vous pouvez forcer le navigateur avec JavaScript hauteur largeur, et l'événement onresize, mais cela ennuiera probablement vos utilisateurs finaux.