Полноэкранный HTML-элемент с использованием window.innerHeight/Width отличается от DOCTYPE

Я пытаюсь создать полноэкранный элемент HTML5 canvas с свойствами window.innerHeight и innerWidth.Полноэкранный HTML-элемент с использованием window.innerHeight/Width отличается от DOCTYPE

К сожалению, на Chrome 10, когда я установил с помощью следующей доктайп:

<!DOCTYPE HTML>

... есть некоторые дополнительные прокруткой пространство обозначается полосы прокрутки, которые не должны появляться.

Без доктрины все в порядке.

Элемент представляет собой холст HTML5, поэтому стилизация со 100% будет только растягивать содержимое.

Стоит ли использовать doctype, который нарушает мою функциональность (без чего может быть плохо?), Или я должен вычесть, скажем, 15px из значений, чтобы не появлялись полосы прокрутки? (который является kludgy)

источник

2011-01-02 Hunter Trujillo

Под «полноэкранным» вы действительно подразумеваете «заполнение окна браузера»? – Phrogz

О да, спасибо, что разъяснил это; это то, что я имел в виду. –

Это, безусловно, из-за заполнения по умолчанию, найденного на элементе тела страницы. Удалите все допустимые значения по умолчанию и поля с помощью:

* { 
    padding: 0; 
    margin: 0; 
}

источник

2011-01-02 06:54:38

Просто для 'body' будет достаточно. – Thai

Да, но старомодный глобальный отступ/сброс полей обычно является хорошей идеей с этими вещами. –

Спасибо, ребята. Раньше у меня были эти стили, но он не должен был быть включен в документ или что-то в этом роде. Я все равно пошел вперед и написал кучу JavaScript, и теперь по какой-то причине все работает нормально. Еще раз спасибо! –

Полноэкранный HTML-элемент с использованием window.innerHeight/Width отличается от DOCTYPE

ответ

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