使用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但它有兩個缺點：如果你正在使用定位

• 這不是一個跨瀏覽器的解決方案
• 它不會在Firefox

工作

示例：

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