Définir la largeur de la div relativement à la largeur de la fenêtre du navigateur

Comment puis-je régler le width propriété d'un div de sorte qu'il est toujours un pourcentage de la largeur de fenêtre du navigateur?

Par exemple,

  • lorsque la largeur de la fenêtre du navigateur est 1920px, le div's largeur est 1536px (80%)
  • lorsque la largeur de la fenêtre du navigateur est 1600px, le div's largeur est de 1280px (80%)

et ainsi de suite?

OriginalL'auteur Chin | 2013-01-14

  1. 6

    Vous devez utiliser un wrapper div et définissez égal à 100% de la largeur du navigateur, puis mettre le désiré div et le configurer pour width:80%. Cela vous permettra de centre de votre choix div trop. (utiliser margin:0 auto pour cela.)

    Voici un JSFiddle avec une démo: http://jsfiddle.net/6Lwpr/

    alors, comment puis-je faire le 100%?
    Désolé, j'ai oublié de joindre le JSFiddle. Vous vous le souhaité div un enfant d'un wrapper div, et de définir width:100%;. Donc, fondamentalement, vous devez vous retrouver avec ceci: <div id="wrapper" style="width:100%;"><div id="desired" style="width:80%;"></div></div>

    OriginalL'auteur Shrey Gupta

  2. 3

    vw: par rapport à 1% de la largeur de la fenêtre d'affichage

    https://www.w3schools.com/cssref/tryit.asp?filename=trycss_unit_vw

    OriginalL'auteur Kevin howbrook

  3. 0

    utiliser cette 

    .main
{width:100%;
margin-left:auto; 

margin-right:auto;


}
.content
{
width:80%;
margin-left:auto; 

margin-right:auto;

}

    OriginalL'auteur Pawan Lakhara