编写一段css代码，可以自适应多个分辨率的系统

以下是一个简单的CSS代码示例，可以自适应多个分辨率的系统： ``` /* 设置基本字体大小 */ html { font-size: 16px; } /* 根据屏幕宽度调整字体大小 */ @media screen and (max-width: 768px) { html { font-size: 14px; } } @media screen and (max-width: 480px) { html { font-size: 12px; } } /* 设置页面布局 */ .container { max-width: 1200px; margin: 0 auto; padding: 20px; } /* 根据屏幕宽度调整布局 */ @media screen and (max-width: 768px) { .container { max-width: 100%; padding: 10px; } } @media screen and (max-width: 480px) { .container { padding: 5px; } } ``` 这段代码设置了基本字体大小为16像素，并使用媒体查询根据屏幕宽度调整字体大小。同时，它还设置了一个容器元素，用于包含页面内容，并使用媒体查询根据屏幕宽度调整容器的最大宽度和内边距。这样，无论用户在何种设备上访问网站，都可以获得最佳的浏览体验。