設定寬高遇到的問題

在使用元素時必須設定寬度和高度，指定可以繪畫的區域大小。但是這裡設定寬度和高度的時候有乙個小問題。

樣例**：

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
/>
<
title
>canvas繪圖
title
>
head
>
<
body
>
<
canvas 
id="drawimg"
width
="300"
height
="500"
>a drawimg of something.
canvas
>
body
>
<
script
>
vardrawimg
=document.getelementbyid(
"drawimg");
if(drawimg.getcontext)
script
>
html
>

現在我不在標籤內設定寬高。

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
/>
<
title
>canvas繪圖
title
>
head
>
<
body
>
<
canvas 
id="drawimg"
>a drawimg of something.
canvas
>
body
>
<
script
>
vardrawimg
=document.getelementbyid(
"drawimg");
if(drawimg.getcontext)
script
>
html
>

結果，原本是寬高一樣矩形，高度明顯拉長了。這是為什麼呢？

其實有自己的預設寬高300px*150px，而且在中定義width、height跟在style中定義width和height是有所區別的，標籤的width和height是繪畫區域實際寬度和高度，繪製的圖形都是在這個上面。而style的width和height是在瀏覽器中被渲染的高度和寬度。如果的width和height沒指定或值不正確，就被設定成預設值。

這就解釋了為什麼第二種寫法導致圖形被拉伸，繪畫區域的大小沒有在中定義，所以設定成立預設的，而中設定為將繪畫區域的高度拉伸了。

div設定寬高的問題

今天給乙個div定義了乙個類名，然後在css中給這個div設定寬。有兩種寫法 第一種直接是給div這整個型別設定，第二種是給類名設定。然後就出現了問題。用第一種方法時我可以直接設定width，注意是直接，也就是並沒有設定高。但是當我用第二種方法設定width時完全沒有效果顯示，後來發現給div設定乙...

css 寬高設定

1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候，em始終是按照當前div繼承的字型大小來縮放，參照後面的例子。2.rem 這裡的r就...

動態設定viewport的寬高

先貼 see the pen egpdo by 劉志剛 liuzhigang on codepen.demo中需要了解的模組 html中id是stage的div是遊戲總容器，js中的setviewport函式作用是設定視口寬高 css樣式主要是為了讓stage元素在手機瀏覽器中豎直和水平居中 需要了...