<html><head><style>body { background-color: tan; color: black;}/* 在宽度为 992px 或更小的屏幕上，背景色为蓝色 */@media screen and (max-width: 992px) { body { background-color: blue; color: white; }}/* 在宽度为 600px 或更小的屏幕上，背景色为橄榄色 */@media screen and (max-width: 600px) { body { background-color: olive; color: white; }}</style></head><body><h1>调整浏览器窗口大小查看效果！</h1><p>默认情况下，文档的背景色为“棕褐色”。 如果屏幕尺寸为 992px 或更小，颜色将变为“蓝色”。 如果小于或等于 600px，它将变为“橄榄色”。</p></body></html>