CSS를 사용하여 전체 HTML 요소 크기 조정

Question

전체 요소 및 모든 하위 요소를 특정 비율 또는 특정 최종 크기로 스케일하는 방법은 무엇입니까?

저는 <table>입니다. JavaScript를 사용하여 divs + 반복 배경 태그의 너비를 계산하기 위해 그림 문자를 시뮬레이션하고 있습니다. 이 논리의 버전을 하나만 갖고 싶습니다. 따라서 부모 테이블을 확장하면이 문제가 해결됩니다.

Answer 1

1. 당신은 CSS3 2D를 변환 사용할 수 있습니다

div { 
     -ms-transform: scale(0.5, 0.5); /* IE 9 */ 
     -webkit-transform: scale(0.5, 0.5); /* Safari */ 
     transform: scale(0.5, 0.5); 
    } 

당신은 부모 요소에이를 적용해야합니다.

2. zoom를 사용할 수 있지만 두 가지 단점이있다 : 당신이 위치를 사용하는 경우

• 그것은 crossbrowser 솔루션 아니에요을 그것은

파이어 폭스에서 작동하지 않습니다

예 :

div { 
    zoom: 50%; 
    -moz-transform: scale(0.5); 
    }