2012-05-09 60 views
1

我做了一個遊戲,將畫布的寬度和高度分別設置爲window.innerWidth和window.innerHeight。理論上,這應該使它與邊齊平,但我得到滾動條和一個4像素高度的空白頁面的底部。我將margin和paddings設置爲0,認爲可以解決它,但它仍然是這樣。畫布window.inner(寬度|高度)滾動條偏移量?

我需要使用盡可能少的代碼;這是爲未來的js1k組件。

這是Top-Left Scrolled ImageBottom-Right Scrolled Image頁面的屏幕保護程序。

有什麼錯誤或如何解決它的想法?

+1

我曾將doctype設爲'<!DOCTYPE html>',但我將5添加到html末尾,現在一切正常:D – Tgwizman

回答

4

對於您的canvas元素或<!DOCTYPE html>,您缺少display: block - 除非您處於html5模式,否則它們默認爲內聯。

+0

我正在使用chrome測試我的遊戲,所以這不應該是問題。我確實找到了一個修復。發表我的評論(上面)作爲答案,我會讓它接受的答案 – Tgwizman

+0

啊,完全錯過了 - 更新 – Nevir