随着移动互联网的飞速发展，越来越多的用户开始使用手机等移动设备访问网站。为了提供更好的用户体验，我们需要确保网站在多种设备上都能良好展示。本文将为您详细介绍如何在JSP页面中设置自适应布局，帮助您轻松打造移动端友好界面。
一、了解自适应布局
自适应布局是指网页在不同分辨率和设备上都能保持良好的显示效果。实现自适应布局的关键技术包括：
1. 响应式设计：通过CSS媒体查询（Media Queries）来适应不同屏幕尺寸。
2. 弹性布局：使用CSS的Flexbox或Grid布局，使页面元素能够灵活调整大小和位置。
二、JSP页面自适应实例
以下是一个简单的JSP页面自适应实例，我们将通过CSS媒体查询来实现不同设备下的布局调整。
1. 创建JSP页面
创建一个名为`index.jsp`的JSP页面，并添加以下代码：
```jsp
<%@ page contentType="