Élément HTML plein écran utilisant window.innerHeight/Width différent avec DOCTYPE

J'essaie de créer un élément canvas HTML5 en plein écran avec les propriétés window.innerHeight et innerWidth.Élément HTML plein écran utilisant window.innerHeight/Width différent avec DOCTYPE

Malheureusement, Chrome 10, quand je mets du doctype suivant:

<!DOCTYPE HTML>

... il y a un espace de défilement supplémentaire indiqué par les barres de défilement qui ne devrait pas apparaître.

Sans doctype, tout va bien. L'élément est un canevas HTML5, le style avec 100% ne fera qu'étirer le contenu.

Est-ce que ça vaut la peine d'utiliser un doctype qui casse mes fonctionnalités (sans quoi ça peut être mauvais?), Ou devrais-je soustraire, par exemple, 15px des valeurs pour empêcher l'apparition des barres de défilement? (qui est kludgy)

Source

2011-01-02 Hunter Trujillo

Par "plein écran", vous voulez vraiment dire "remplir la fenêtre du navigateur"? – Phrogz

Oh oui, merci d'avoir clarifié ça; c'est ce que je voulais dire. –

C'est sûrement à cause du remplissage par défaut trouvé sur l'élément de corps de la page. Supprimez tous les remplissages et marges par défaut en utilisant:

* { 
    padding: 0; 
    margin: 0; 
}

Source

2011-01-02 06:54:38

Juste pour 'body' serait suffisant. – Thai

Oui, mais une réinitialisation de marge/marge globale à l'ancienne est généralement une bonne idée avec ces choses. –

Merci les gars. J'avais ces styles plus tôt, mais ça ne doit pas être inclus avec le document ou quelque chose comme ça. Je suis allé de l'avant quand même et j'ai écrit un tas de JavaScript, et maintenant tout fonctionne bien pour une raison quelconque. Merci encore! –

Élément HTML plein écran utilisant window.innerHeight/Width différent avec DOCTYPE

Répondre

Questions connexes