如何做到页面自适应

页面自适应主要是指网页在不同设备和屏幕尺寸下都能够保持良好的显示效果和用户体验。以下是一些实现页面自适应的方法：

响应式布局（Responsive Design）

1. 媒体查询（Media Queries）：CSS3 提供了媒体查询功能，可以根据不同的屏幕尺寸应用不同的样式规则。

```css

@media screen and (max-width: 600px) {

body {

background-color: red;