我正在嘗試根據不同的瀏覽器大小重新調整圖像大小。我使用此代碼:JavaScript支持百分比單位嗎?
document.getElementById("myImg").style.height = (document.body.clientHeight) * 0.5;
但如果我不使用DOCTYPE
,如果我在HTML文件中使用DOCTYPE
,那麼這是行不通的作品。有人說:
在使用有效的DTD屬性值必須有單位...
於是,我就加個單元%:
document.getElementById("myImg").style.height = (document.body.clientHeight) * 0.5 + "%";
,但它不」 t工作,它只能與px單位代替:
document.getElementById("myImg").style.height = (document.body.clientHeight) * 0.5 + "px";
如何使%單位工作,因爲它與px單位?這甚至有可能嗎?
如果你正在服用的身體的clientHeight,其結果是在像素(PX)。如果你乘以0.5,結果是像素數量的一半。你爲什麼要把這個數字變成一個百分比? – Travesty3 2012-02-28 17:24:52
@ Travesty3:我並不是真的想將* px *變成百分比*%*,我只想將圖像大小設置爲窗口大小的50%。 – XO39 2012-02-28 17:33:37
你的代碼的最後一點應該可以做到這一點。到目前爲止,我使用的最簡單的方法是使用'document.documentElement.clientHeight',這已經證明是我最好的跨瀏覽器兼容的檢查方法。請記住,如果身體長於窗口(使用滾動條),您的解決方案可能無法按預期工作。 – Travesty3 2012-02-28 17:44:19