如何使用跨浏览器支持 IE10+ 来调整 div 的大小答案

【问题标题】：How to resize a div with cross brower support for IE10+如何使用跨浏览器支持 IE10+ 来调整 div 的大小
【发布时间】：2015-06-20 19:43:06
【问题描述】：

我正在尝试调整 div 元素的大小。

我设法通过使用resize: css 属性来做到这一点，如下所示：

但它不适用于 IE。

我怎样才能让它在 IE10+ 上只使用 css 和/或 js（不是 jQuery）。

【问题讨论】：

【解决方案1】：

IE 不支持 CSS resize。供参考：

你能解释一下你到底在找什么吗？

调整元素大小的方法很少。示例：

使用 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?

【讨论】：

感谢您的回复，我正在尝试在按下当前 div 的右下角时调整某些 div 的大小，就像我的 codepen 示例：codepen.io/bengedi/pen/GJMpPd 并在 javascript 中进行所以它可以在 IE10+ 上运行。谢谢