2014-04-26 2 views
0

웹 페이지에 다이어그램을 그려야합니다. SVG를 사용할 계획입니다. 다이어그램을 전체 화면으로 그려야합니다. 따라서 availHeightavailWidth을 사용하여 클라이언트 화면의 너비와 너비를 찾고 그에 맞게 조정할 계획입니다.크롬과 파이어 폭스의 SVG 픽셀 차이

지금 내 화면은 1920 * 1080 해상도입니다.

<svg height="500" width="1920"> 
    <line x1="0" y1="50" x2="1900" y2="50" style="stroke:rgb(255,0,0);" /> 
</svg> 

내 문제는 선이 화면을 오버 플로우 및 스크롤 을 보여주는하지만, 파이어 폭스에서 화면 에 나는 일관성이 필요 제대로 보여주는 크롬에 다음과 같이 테스트를 위해

나는 선을 그린 두 브라우저 모두에서 출력.

도와주세요.

답변

-1

왜 SVG로 반응하지 않습니까? 나는 컨테이너 div를 만들고 svg를 반응 적으로 만들 것이다. 여기

좋은 설명입니다 http://soqr.fr/testsvg/embed-svg-liquid-layout-responsive-web-design.php

+0

감사 피터 ... 그 매우 복잡한 다이어그램과 내가 컨테이너 사업부 (대신 SVG로 규모 –

+1

제어를 완벽하게 제어 할 필요가있다/그가 제대로 작동하지 않는 경우? /) –

관련 문제