Comment faire une page web en modifier la largeur automatiquement?

En HTML, est-il un moyen de faire une page web s'étendre vers le moniteur de l'utilisateur? Comme de dire que j'ai un 15inch, mais quelqu'un d'autre a un 24 pouces. La page web serait de la sur leur écran, mais s'intègrent sur min. Comment pourrais-je faire la page augmenter à 100%, ou peut-être 95%?

  • Il n'y a pas de logiciel dans le monde que la taille de l'écran en pouces. Vous souhaitez pixels.
  • Redimensionnement du navigateur est un moyen infaillible pour embêter la MERDE hors de vos utilisateurs. J'ai utiliser une charge d'un outil de reporting qui fait cela pour moi. Ceux d'entre nous avec un grand écran en général ne veulent pas ou ont besoin d'une fenêtre maximisée.
  • Geeze les gens, LIRE la question avant de poster des commentaires stupides.
  • Jamais, jamais, jamais, ne jamais forcer une fenêtre redimensionner sur votre visiteur. Son ok (mais à mon humble avis à peine ok) pour jeter de la page à l'aide de dimensions fixes qui serait de demander à l'utilisateur de redimensionner la fenêtre elle-même, mais même cela est un moyen sûr de colère, un visiteur s'il n'est pas justifié par une réelle valeur ajoutée.
  • Bas garçon~! .. quelle que soit la raison, on devrait être à l'aide de la taille de l'écran dans leur programmation javascript .. certaines personnes peuvent toujours intéressé par la FAÇON dont.
InformationsquelleAutor | 2009-03-11
  1. 3

    Liquide-largeur est obtenu par l'utilisation d'unités de pourcentage ou em unités. Il est tout au sujet de l'élaboration d'une mise en page du site basée sur les grilles et les conteneurs. Lire plus.

    InformationsquelleAutor Josh Stodola
  2. 2

    Gumbo, par "page", vous entendez-vous des contenus de pages web ou voulez-vous dire de la fenêtre qui contient la page? Si tu parles de la fenêtre, la réponse est de NE PAS. Si vous voulez dire le contenu, vous pouvez utiliser des mises en page liquides; Google que.

    • J'ai pensé que l'OP signifiait la fenêtre. Idem sur le "NE PAS" Il a utilisé pour me faire chier quand un site fait cela. Plus je suis reconnaissant que IE/FF permet d'activer cette capacité hors tension.
    InformationsquelleAutor Jon Davis
  3. 1

    Sauf si vous explicitement définir la taille vous-même, une page par défaut à l'aide de la totalité de la largeur de la fenêtre d'un navigateur.

    Vous pourriez trouver Firefox Développeur Web du plugin utile car elle vous permet de modifier rapidement votre navigateur de la fenêtre de tailles spécifiques de sorte que vous pouvez voir comment votre mise en page ressemble à différentes tailles. https://addons.mozilla.org/en-US/firefox/addon/60

    InformationsquelleAutor Steve Claridge
  4. 1

    Sauf si vous spécifiez une largeur spécifique pour n'importe quel élément d'une page web, tels que le corps ou certaines div contenant, il s'étendra à la largeur de la fenêtre du navigateur.

    Si vous êtes à la recherche pour définir la taille en pixels de l'utilisateur de la largeur, vous pouvez utiliser javascript pour définir les largeurs de manière dynamique:

    <script type="text/javascript">
var userWidth = screen.width;
var userHeight = screen.height;
</script>

    Toutefois, vous devriez probablement utiliser un design fluide qui se développe automatiquement en utilisant largeurs spécifiée en pourcentage (par exemple, le réglage de la largeur d'un élément en CSS: width: 100%)

    • Ne jamais faire cela. Jamais. À mon humble avis, cela est légèrement moins ennuyeux que de pop-unders, mais seulement de façon marginale. Il est de loin préférable à la confiance que l'utilisateur sait comment utiliser son navigateur, et de redimensionner sa fenêtre si il ne veut pas d'une barre de défilement.
    InformationsquelleAutor Rudd Zwolinski
  5. 0

    Dans votre code html:

    <div id="content">
<!-- Some content in here -->
<div>

    Puis dans votre css:

    #content {
    width:100%;
}

    ou pour plus de contrôle:

    #content {
    min-width:500px;
    max-width:1000px;
}
    InformationsquelleAutor Rich Bradshaw
  6. 0

    HTML ist juste un langage de balisage pour décrire le sens de (textuelle) table des matières. Par exemple, <h1>Foobar</h1> signifie simplement Foobar est un premier niveau de la tête mais ne dit rien sur le style, il devrait être affiché.

    Pour le style d'un document HTML le Feuilles de Style en cascade (CSS) a été introduit. Mais le CSS est également à seulement un describtive de la langue et de ne pas savoir quelque chose sur la l'agent utilisateur. (Vous pouvez simplement décrire que des éléments spécifiques doivent être affichées avec une largeur spécifique, et ainsi de suite.)

    Mais le JavaScript ne sais l'agent de l'utilisateur. Vous pouvez utiliser le screen objet pour obtenir la width et height de l'écran ou à la fenêtre d'affichage.

    InformationsquelleAutor Gumbo
  7. 0

    Je pense qu'il y a une certaine confusion quant à savoir si ou de ne pas Bob se pose au sujet de la taille réelle de l'écran ou la taille de la fenêtre.

    Josh Stodola et Riche Bradshaw offert le HTML/CSS réponse, qui utilise les pourcentages pour créer un design fluide qui s'étend avec la fenêtre. Le code suivant résume cette technique, la création de deux colonnes, l'une prenant jusqu'à 80% de la fenêtre active du navigateur, et l'autre prenant en hausse de 20%. Les tailles de colonne alter lorsque l'utilisateur change la taille de la fenêtre.

    <html>
<head>
<style type="text/css">
    #content1 {
        background: #CC0000;
        height: 300px;
        width: 80%;
        float: left;
    }
    #content2 {
        background: #00CC00;
        height: 300px;
        width: 20%;
        float: left;
    }
</style>
</head>
<body>
<body>

<div id="content1"></div>

<div id="content2"></div>

</html>

    Rudd Zwolinski a fourni la réponse qui semble pour l'utilisateur actuel de la résolution. D'autres ont déjà publié les éventuels désagréments causés par l'utilisation de cette méthode, mais je ne sais pas, peut-être que vous êtes à la prise de certaines artistique déclaration au sujet de la résolution de tailles. Voici le même code ci-dessus en utilisant cette méthode:

    <html>
<head>
<style type="text/css">
    #content1 {
        background: #CC0000;
        height: 300px;
        float: left;
    }
    #content2 {
        background: #00CC00;
        height: 300px;
        float: left;
    }
</style>
<script type="text/javascript">
    var userWidth = screen.width;
    var userHeight = screen.height;

    function resizeContent()
    {
        document.getElementById("content1").style.width = parseInt(userWidth * 0.8);
        document.getElementById("content2").style.width = parseInt(userWidth * 0.2);
    }
</script>
</head>
<body onload="resizeContent()">

<div id="content1"></div>

<div id="content2"></div>

</html>

    Espère que ça aide.

    InformationsquelleAutor attack