什么是响应式布局 ？响应式布局（Responsive Web Design）是一种网页设计方法，使网页能够根据不同设备的屏幕尺寸、分辨率和方向自动调整布局，提供良好的浏览体验。无论是手机、平板还是桌面显示器，响应式设计都能让内容合理展示，避免缩放和横向滚动。一、设置 Viewport Meta 标签在 HTML 的 中添加 viewport meta 标签，告诉浏览器如何控制页面的尺寸和缩放。# 标准metaname="viewport"content=