2011-01-02 10 views
1

window.innerHeightプロパティとinnerWidthプロパティでHTML5キャンバス要素をフルスクリーンにしたいと考えています。window.innerHeightを使用する全画面HTML要素/ DOCTYPEで異なる幅

残念ながら、私は次のDOCTYPEを使用しクロム10、上:

<!DOCTYPE HTML> 

を...表示されません、スクロールバーで示され、いくつかの余分なスクロールスペースがあります。

doctypeがなければ、すべて問題ありません。

要素はHTML5キャンバスなので、100%のスタイルではコンテンツが伸びます。

私の機能を破壊するDoctypeを使用する価値はありますか(悪くないかもしれません)、スクロールバーが表示されないようにするには値から15pxを差し引く必要がありますか? (kludgy)

+0

「フルスクリーン」とは、「ブラウザウィンドウを塗りつぶす」という意味ですか? – Phrogz

+0

ああ、そうしたことを明確にしてくれてありがとう。それは私が意味するものです。 –

答えて

3

これは確かに、ページのbody要素にあるデフォルトのパディングのためです。

* { 
    padding: 0; 
    margin: 0; 
} 
+0

'body'だけで十分でしょう。 – Thai

+0

はい、これらのことで、通常は古いパディング/マージンリセットが良いアイデアです。 –

+0

ありがとうございます。私は以前にそのスタイルを持っていましたが、ドキュメントや何かには含まれていてはいけません。私はとにかく先に進み、JavaScriptをたくさん書いて、今は何らかの理由ですべて正常に動作します。再度、感謝します! –

関連する問題