html - のメディアクエリを作成する方法

Question

キャンバスタグの幅と高さを変更するメディアクエリを作成したいと考えています。

HTML

<canvas id="clock" width="250" height="250">
</canvas>

幅と高さの属性が通常の方法で宣言されることを期待していました。しかし、これはうまくいかないようです：

CSS

#clock {
    width:250;
    height:250; 
}

@media (max-width: @screen-small) {
    #clock {
        width:200;
        height:200;
    }
}

私は何が欠けていますか？

score 6 · Accepted Answer

<length>ルールに値がありません-px例として使用してください:

#clock {
   width: 250px;
   height: 250px;
}

@media (max-width: @screen-small) {
    #clock {
        width:200px;
        height:200px;
    }
}

score 1 · Accepted Answer

単位を設定する必要があります。私の知る限り、 HTML タグの属性はwidth、height単位の不足がの数として想定される唯一の場所ですpx。

#clock {
    width:250px;
    height:250px;
}

2 に答える 2