在jsp中,让div自适应屏幕，并且手动放大缩小div，写个案例

### 回答1：

可以使用CSS实现，可以使用下面的代码来实现：<div style="width:100%; height:auto;">
<div style="width:50%; height:auto; float:left;">
<h3>Div 1</h3>
<p>Div 1内容</p>
</div>
<div style="width:50%; height:auto; float:right;">
<h3>Div 2</h3>
<p>Div 2内容</p>
</div>
</div>

### 回答2：
在JSP中，让<div>元素自适应屏幕可以使用CSS的属性来实现。首先，我们在JSP页面中创建一个<div>元素，并给它一个唯一的id，以便我们可以通过JavaScript代码来操作它。例如：

<div id="myDiv">这是一个div元素</div>

然后，我们可以在样式表中为这个<div>元素添加如下样式：

<style>
#myDiv {
width: 100%;
height: 100%;
background-color: #ccc;
}
</style>

这样，我们就将<div>元素的宽度和高度设置为100%。这意味着<div>元素会自动适应屏幕的宽度和高度。

接下来，为了能够手动放大或缩小<div>元素，我们可以使用JavaScript代码来监听鼠标的滚轮事件，并根据滚轮的滚动方向来调整<div>元素的大小。参考以下示例代码：

<script>
var myDiv = document.getElementById("myDiv");

myDiv.onwheel = function(event) {
var deltaY = event.deltaY;
var currentWidth = myDiv.offsetWidth;
var currentHeight = myDiv.offsetHeight;

if (deltaY > 0) {
myDiv.style.width = (currentWidth - 10) + 'px';
myDiv.style.height = (currentHeight - 10) + 'px';
} else if (deltaY < 0) {
myDiv.style.width = (currentWidth + 10) + 'px';
myDiv.style.height = (currentHeight + 10) + 'px';
}
};
</script>

在这个示例中，我们使用onwheel事件来监听鼠标滚轮的滚动动作。根据滚动方向的不同，我们通过调整<div>元素的宽度和高度来实现放大或缩小效果。

通过以上的CSS和JavaScript代码，我们可以在JSP页面中让<div>元素自适应屏幕，并且实现手动放大和缩小的效果。

### 回答3：
在jsp中让div自适应屏幕，并且手动放大缩小div的案例可以通过使用CSS和JavaScript来实现。

首先在jsp页面中创建一个div元素，并为其设置一个唯一的id，例如：

<div id="myDiv">我是一个div</div>

接下来，使用CSS样式来使div自适应屏幕大小，可以将宽度设置为百分比并设置高度为auto，如下所示：

<style>
    #myDiv {
        width: 100%;
        height: auto;
        background-color: lightblue;
        text-align: center;
        font-size: 24px;
        padding: 20px;
    }
</style>

然后，通过JavaScript代码来实现手动放大缩小div的功能。首先，获取div的初始宽度和高度，并设置一个缩放因子。然后，为div绑定鼠标滚动事件，在滚动时根据滚动方向判断是放大还是缩小div，并根据缩放因子进行缩放计算。示例代码如下：

<script>
    var myDiv = document.getElementById("myDiv");
    var scale = 1;

    // 获取div的初始宽度和高度
    var initWidth = myDiv.offsetWidth;
    var initHeight = myDiv.offsetHeight;

    // 设置缩放因子
    var zoomFactor = 0.1;

    // 绑定鼠标滚动事件
    myDiv.onmousewheel = function(event) {
        event.preventDefault();
        var delta = event.wheelDelta / 120;

        // 判断滚动方向
        if (delta < 0) {
            // 缩小div
            scale -= zoomFactor;
            if (scale < 0.2) {
                scale = 0.2;
            }
        } else {
            // 放大div
            scale += zoomFactor;
            if (scale > 2) {
                scale = 2;
            }
        }

        // 根据缩放因子进行缩放计算
        myDiv.style.width = initWidth * scale + "px";
        myDiv.style.height = initHeight * scale + "px";
    };
</script>

通过以上的代码，我们可以实现在jsp中让div自适应屏幕，并且手动放大缩小div的效果。用户可以通过鼠标滚动来对div进行放大缩小操作。