博客文章

HTML5里面怎样自动适应手机屏幕的高度

06月24日

想要实现自动适应手机屏幕高度,可以采用以下两种方法:

1. 使用Viewport(视口)标签

在HTML文档的头部添加以下代码:

“`html
<meta name=”viewport” content=”width=device-width,initial-scale=1,user-scalable=no”>
“`

其中,`width=device-width` 表示让文档宽度等于设备宽度,`initial-scale=1` 表示不对页面进行缩放,`user-scalable=no` 表示禁用用户缩放页面。

2. 使用CSS样式

在样式表中添加以下代码:

“`css
html,body{
height:100%;
}
“`

将文档中的html和body元素的高度设为100%,即可实现自动适应手机屏幕高度。

返回