html viewport

作者：_永恒灬莫言发布日期:2026-03-27 浏览:77

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Viewport Example</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This page is optimized for mobile devices using the viewport meta tag.</p>
</body>
</html>

解释说明：

<meta name="viewport" content="width=device-width, initial-scale=1.0">：这一行代码是关键，它告诉浏览器如何控制页面的尺寸和缩放。
- width=device-width：设置页面宽度等于设备的宽度，确保页面在不同设备上都能正确显示。
- initial-scale=1.0：设置初始缩放比例为1.0，即页面加载时不会自动缩放。

上一篇：html url

下一篇：网页html