svg.js 사각형을 정사각형으로

Question

jsfiddle에서 svg.js를 사용하여 square을 만들었지 만 Firefox에서는 직사각형으로 밝혀졌습니다. Chrome에서 잘 작동합니다. 뭐라 구요?

var rectangle = draw.rect(100,100) 

Answer 1

svg.js는 자동으로 너비와 높이를 100 %로 설정합니다 (버전> = 3의 경우에는 해당하지 않음). 높이를 지정하지 않은 요소에 svg를 만들면 기본적으로 브라우저마다 다른 브라우저 기본값이 사용됩니다. svg.js에서 뭔가를 시도해 볼 때 다음 스타일이 적용된다는 것을 확신합니다.

html, body, #container { 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}