首页用html给我写一个自适应的欢迎页面

用html给我写一个自适应的欢迎页面

时间: 2023-12-13 20:05:50 浏览: 80

好的，我可以为您提供这个问题的解答。以下是一个简单的自适应欢迎页面的 HTML 代码： ``` <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome Page</title> <style> body { background: #f2f2f2; font-family: sans-serif; font-size: 16px; line-height: 1.5; text-align: center; } h1 { margin-top: 20%; font-size: 5rem; color: #333; } p { font-size: 1.25rem; color: #666; } @media (max-width: 768px) { h1 { font-size: 3.5rem; } p { font-size: 1rem; } } </style> </head> <body> <h1>Welcome!</h1> <p>Thank you for visiting my website.</p> </body> </html> ``` 这个页面会在不同的设备上自适应，因此可以在桌面、笔记本电脑、平板电脑和手机上都能良好地显示。如果您需要更具体的指导，请告诉我，我可以帮您进一步解答。

阅读全文