Question

在HTML中如何把多行文本域随着滚轮缩小而缩小

Answer 1

设置自适应字体，例如设置字体font-size: .16rem;
设置body的字体样式：font-size:100px;
这样字体就可以根据盒子的大小来进行等比例缩放了。

Answer 2

<script>
function scr(e,doc){
    var bol = false;
    if (e.deltaY < 0){
        bol = false;  //鼠标轮向上滚动
    }else if (e.deltaY > 0){
        bol = true;   //鼠标轮向下滚动
    }else{
        return false; 
    }
    if (bol){
		console.log('6');
        doc.cols = doc.cols - 3 ;
		doc.rows = doc.rows - 1 ;
    }else{
		console.log('7');
        doc.cols = doc.cols - 0 + 3 ;
		doc.rows = doc.rows - 0 + 1 ;
    }
    return false;
}
</script>
<textarea rows="10" cols="30" onwheel="return scr(event,this);">
我是一个文本框。 
</textarea>