用鼠标调整javascript大小

我想让我的用户用鼠标从4个角或4个边调整div的大小

我希望只使用Javascript，没有JQ库请

在右下角有一个小小的调整大小的图片将是一个加号

---

谢谢

使用CSS3

调整大小：两者都有，如下所示：


.isResizable{
背景：rgba（255,0,0,0.2）；
字号：2em；
边框：1px纯黑；
溢出：隐藏；
调整大小：两者；
宽度：160px；
高度：120px；
最小宽度：120px；
最小高度：90px；
最大宽度：400px；
最大高度：300px；
}
敏捷的棕色狐狸跳过了懒狗。
先生，我可以在此期间提供一杯冷饮吗？哈，3票反对！我看不出这么简单的问题会冒犯别人！！！除此之外，你可以投票否决我，但请说出原因@你的问题是什么？你只是要求别人完成你的工作。你甚至可以从“我喜欢”开始。这是一个QA网站。这将是非常棒的。。。但是，唉，它在IE上不起作用！（请注意，我正在使用IE9）。我不反对使用Firefox，但是FAC t是我80%的用户都使用IE。。。我不是来告诉他们改变的。我不希望它在所有浏览器中都能工作，我也不建议在生产代码中使用它，因为它是一种新的，在某些浏览器中不受支持。尽管你反对，我还是推荐jQuery库。
<style type="text/css">
    .isResizable {
        background: rgba(255, 0, 0, 0.2);
        font-size: 2em;
        border: 1px solid black;
        overflow: hidden;
        resize: both;
        width: 160px;
        height: 120px;
        min-width: 120px;
        min-height: 90px;
        max-width: 400px;
        max-height: 300px;
    }
</style>

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>