如何調整與跨瀏覽器支持IE10 + div的格子

Question

我試圖調整div元素的大小。

我設法用resize: CSS屬性，像這樣做：

http://codepen.io/bengedi/pen/GJMpPd

但它不與IE瀏覽器。

我該如何才能使用css和/或js（而不是jQuery）在IE10 +上工作。

Answer 1

IE不支持CSS resize。這是供參考：

http://www.w3schools.com/cssref/css3_pr_resize.asp

能否請你解釋你在找什麼實際的？

調整元素大小的方法很少。例如：

使用CSS

.normal { 
    width: 200px; 
    height: 100px; 
} 
.normal.resized { 
    width: 400px; 
    height: 200px; 
} 

使用JavaScript

假設你有<div class="normal"></div>

var div = document.querySelectorAll('.normal'); 
div.style.width = 400; 
div.style.height = 200; 

使用CSS變換

.normal { 
    width: 200px; 
    height: 100px; 
} 
.normal.scaled { 
    transform: scale(1.2); // Scale 120% 
} 

如果你嘗試問「如何創建跨瀏覽器可調整大小的div？」，你可以查看回答問題：How to make HTML element resizable using pure javascript?