Élément de toile couvrant tout l'écran?

J'essaie d'utiliser <canvas> dans Safari iPhone, et si je place l'élément dans le corps, il y a des pixels inutilisés à gauche et en haut de l'élément. J'ai essayé de spécifier margin:0;padding:0 avec CSS en vain.Élément de toile couvrant tout l'écran?

Que se passe-t-il ici?

<html> 
<head> 
     $(document).ready(function() 
     { 
      $('#screen').attr("height", $(window).height()); 
      $('#screen').attr("width", $(window).width()); 

      //prevent scrolling 
      $(document).bind('touchstart touchmove', function(e) 
      { 
       e.preventDefault(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
<canvas id = "screen"> 
</canvas> 
</body> 
</html>

Source

2010-05-27 Stefan Kendall

Où avez-vous bâton "margin: 0; padding: 0"? – Warty

Dans le code non illustré. –

margin, padding et border n'a aucun effet.

Utilisez position:absolute; top:0;left:0

Source

2010-05-28 14:17:00

Malheureusement, 'position: absolute; top: 0; left: 0' a poussé la toile sur le dessus de tout le contenu pour moi. Aucun violon (z-index, etc.) n'a pu y remédier. Ajout d'une réponse ci-dessous pour ce qui a fonctionné pour moi. – hiwaylon

-1

ajouter <style>* {margin:0;padding:0;border:0;position:absolute;width:100%;height:100%}</style>

Source

2010-05-27 04:18:18 antimatter15

Élément de toile couvrant tout l'écran?

Répondre

Questions connexes