<canvas>에 대한 미디어 쿼리를 만드는 방법

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; 
    } 
} 

나는 무엇을 놓치고?

Answer 1

당신은 규칙에 <length> 값이 누락 - 예를 들어 px를 사용

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

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

예 : http://jsfiddle.net/mjt87/

Answer 2

당신은 단위를 설정해야합니다. 내 지식으로는 width과 height HTML 태그의 속성은 단위 부족이 숫자 px으로 간주되는 유일한 곳입니다.

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