L'échelle de l'ensemble du corps lors du redimensionnement de la fenêtre

Je voudrais créer un site web qui n'est pas sensible, mais si les fenêtres sont redimensionnées, tout est à l'échelle haut /bas, et de garder le même ratio. Il n'a pas d'importance si les mots sont trop petit à petit écran, la première priorité est d'empêcher l'élément de chevauchement lors de la redimensionner

J'ai essayé d'utiliser:

<meta id="meta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

Et

<script type="text/javascript">
  $(document).ready(function () {

    $(window).resize(function () {
      calculateNewScale();
    });

    calculateNewScale(); //if the user go to the page and his window is less than 1920px

    function calculateNewScale() {
      var percentageOn1 = $(window).width() /1920);
      $("body").css({
        "-moz-transform": "scale(" + percentageOn1 + ")",
        "-webkit-transform": "scale(" + percentageOn1 + ")",
        "transform": "scale(" + percentageOn1 + ")"
      });
    }
  });

Et aussi avec les CSS

body {
width:100vw;
height:100vh;
}

Le site est ici:

kotechweb.com/new_focus/page/about_us

Le problème est, pour l'instant, le contenu est recouverte quand redimensionnée.

InformationsquelleAutor user782104 | 2015-09-27