手机竖屏提示HTML代码 - 简洁美观 - 常规

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
<p>.container {
text-align: center;
}</p>
<p>.message {
font-size: 24px;
color: #333;
margin-bottom: 20px;
}</p>
<p>.image {
max-width: 100%;
height: auto;
}
</style></p>
<title>竖屏提示</title>
</head>
<body>
<div class="container">
<div class="message">请将手机调至竖屏模式</div>
<img class="image" src="vertical_screen_image.jpg" alt="竖屏提示图">
</div>
</body>
</html>