手机html开发，简单实例，头部底部固定，中间可以滚动

最新推荐文章于 2022-01-13 15:22:04 发布

Justin.Yi

最新推荐文章于 2022-01-13 15:22:04 发布

阅读量2.5k

点赞数 2

分类专栏： App 文章标签：手机 html

本文链接：https://blog.csdn.net/houtaidaima/article/details/69384204

版权

本文提供了一个简单的HTML代码实例，适用于手机端开发，实现头部和底部固定，中间内容区域可滚动。代码包括meta标签的设置，以及页面布局样式，通过JavaScript实现页面跳转功能。

摘要由CSDN通过智能技术生成

直接贴出html代码，桌面新建html，拷贝进去就能使用(为方便使用，css写在一起。)

/***********************************star***********************************************/

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width"/>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">


<title></title>
<style type="text/css">
html,body,.page{width:100%; height:100%;overflow:hidden;}
.top,.con,.bottom{position:absolute; left:0; right:0;}
body{
width:100%;
max-width:640px;
margin:0 auto;
top:0px; bottom:0px; left:0px; right:0px;
min-width:320px;
}
.top{
top:0;z-index:1; height:30px;background:#ff0;
height: 78px;
text-align: center;
width: 100%;
max-width: 640px;

最低0.47元/天解锁文章

Justin.Yi

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
手机html开发，简单实例，头部底部固定，中间可以滚动

直接贴出html代码，桌面新建html，拷贝进去就能使用(为方便使用，css写在一起。)/***********************************star***********************************************/ inital-scale表示的初始的缩放比例.1.0倍user-sc
复制链接

扫一扫

专栏目录