首页一个关于动漫的简单的响应式网页代码

一个关于动漫的简单的响应式网页代码

时间: 2024-06-14 07:04:13 浏览: 204

以下是一个关于动漫的简单响应式网页代码的示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动漫网页</title> <style> /* 响应式布局 */ @media screen and (max-width: 600px) { body { background-color: lightblue; } h1 { font-size: 24px; } p { font-size: 16px; } } @media screen and (min-width: 601px) { body { background-color: lightyellow; } h1 { font-size: 36px; } p { font-size: 20px; } } </style> </head> <body> <h1>动漫网页</h1> <p>这是一个关于动漫的简单响应式网页。</p> <img src="anime.jpg" alt="动漫图片" width="300" height="200"> </body> </html> ```

阅读全文