Элемент холста, покрывающий весь экран?

Я пытаюсь использовать <canvas> в iPhone Safari, и если я поместил элемент в тело, то будут неиспользованные пиксели слева и сверху элемента. Я попытался указать margin:0;padding:0 с CSS безрезультатно.Элемент холста, покрывающий весь экран?

Что здесь происходит?

<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>

источник

2010-05-27 Stefan Kendall

Где вы вставляете "поле: 0; утеплитель: 0"? – Warty

В коде не показано. –

margin, padding и border не имеют никакого эффекта.

Использование position:absolute; top:0;left:0

источник

2010-05-28 14:17:00

К сожалению, 'position: absolute; top: 0; left: 0' засунул холст поверх всего содержимого для меня. Никакая ворчание (z-index и т. Д.) Не смогла ее исправить. Добавлен ответ ниже для того, что сработало для меня. – hiwaylon

-1

добавить <style>* {margin:0;padding:0;border:0;position:absolute;width:100%;height:100%}</style>

источник

2010-05-27 04:18:18 antimatter15

Элемент холста, покрывающий весь экран?

ответ

Смежные вопросы