是什麼呈現大小和顯示尺寸之間的差

是什麼呈現大小（寬度和高度）和顯示尺寸（style.width和style.height）是什麼呈現大小和顯示尺寸之間的差

即使當我改變之間的差它px它仍然不一樣。

這些是例子 https://codepen.io/chartjs/pen/oWLZaR

<canvas id="chart_0" height="40vw" width="80vw"></canvas>

https://codepen.io/chartjs/pen/WjxpmO

<canvas id="chart_0" style="height:40vh; width:80vw">

來源

2017-06-07 Deepika Rao

[HTML中的樣式寬度和寬度屬性可能重複]（https://stackoverflow.com/questions/26373726/style-width-vs-width-attribute-in-html） –

'canvas.width'＆' canvas.height'設置的分辨率，並且總是以像素爲單位，不應使用CSS單元類型（例如good'width =「300」''）進行後期修正。 bad'width =「300vw」'分辨率是圖像包含的像素數量。 'canvas.style.width'＆'canvas.style.height'設置顯示尺寸（畫布在頁面上佔用的空間量）並且獨立於畫布分辨率。顯示大小必須在任何有效的CSS單位中。 – Blindman67

height=""和width=""是HTML，並且不使用「視圖高度」或「視圖寬度」，唯一的固定尺寸。

vh和vw僅用於CSS。

來源

2017-06-07 10:35:45 dennispreston

是什麼呈現大小和顯示尺寸之間的差

回答

相關問題