大家好，精选小编来为大家解答以上问题。wapi是什么功能，wap网站很多人还不知道，现在让我们一起来看看吧！
1、 打开你的编辑软件，如作者我的是崇高，先点击文件，在点击新文件
2、 新建好后会出现如下图所示
3、 复制步骤8的代码请全部复制，粘贴到新建好的项目里面去如图所示
4、 点击保存项目，如图所示
5、 保存项目名称到桌面上为index.html，方便打开
6、 回到桌面上，找到保存的文件，右键选中打开方式，用谷歌浏览器（铬合金)打开（如下图所示)
7、 如图所示，一个手机端网页就好了。(想在手机上浏览：直接将做文好的index.html文件发送到即时通信软件或者微信上面浏览)
8、 ！声明文档类型
9、 超文本标记语言
10、 头
11、 meta charset='utf-8 '
12、 meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '
13、 ！-作者：xtkhgmyv@163.com-
14、 ！-手机端禁止缩放-
15、 meta name=' viewport ' content=' width=device-width，initial-scale=1，user-scalable=no，minimal-ui '
16、 脚本类型='文本/javascript '
17、 可变页面宽度=文档。documentelement。客户端宽度；
18、 var html=文档。getelementsbytagname(' html ')[0]；
19、 页面宽度=640?页面宽度=640 :页面宽度；
20、 html。风格。字体大小=页面宽度/16 ' px '；
21、 /脚本
22、 标题怎么做wap网站/标题
23、 style type='text/css '
24、 *{
25、 保证金： 0px
26、 填充： 0px
27、 }
28、 一个{
29、 颜色： # 000
30、 文字装饰：无；
31、 }
32、 正文{
33、 宽度： 16雷姆；
34、 margin:自动
35、 font-size : 0.65雷姆；
36、 }
37、 标题{
38、 背景： # fff
39、 高度： 50px
40、 位置：固定；
41、 宽度： 16雷姆；
42、 }。徽标{
43、 文本对齐：居中；
44、 背景色： # 000;
45、 color: # fff
46、 高度： 50px
47、 行高： 50px
48、 显示：块；
49、 }。主要{
50、 向左浮动：
51、 宽度： 15雷姆；
52、 padding : 50px 0.5 rem 0.5 rem
53、 }。主ul{
54、 列表样式：无；
55、 }。李总管
56、 宽度： 15雷姆；
57、 向左浮动：
58、 font-size : 0.5雷姆；
59、 衬垫-顶部： 0.25雷姆；
60、 垫底： 0.25雷姆；
61、 }。主跨度{
62、 float:右；
63、 文本右对齐：
64、 宽度： 4毫米
65、 }。主一个{
66、 向左浮动：
67、 宽度： 11毫米
68、 }
69、 页脚{
70、 向左浮动：
71、 background: # eee
72、 font-size : 0.6雷姆；
73、 文本对齐：居中；
74、 line-height: 1.5;
75、 padding:0.5rem 0;
76、 display: block;
77、 width: 16rem;
78、 }
79、 </style>
80、</head>
81、<body>
82、<header>
83、<span class="logo">LOGO</span>
84、</header>
85、<div class="main">
86、<ul>
87、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
88、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
89、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
90、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
91、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
92、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
93、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
94、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
95、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
96、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
97、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
98、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
99、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
100、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
101、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
102、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
103、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
104、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
105、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
106、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
107、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
108、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
109、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
110、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
111、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
112、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
113、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
114、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
115、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
116、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
117、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
118、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
119、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
120、<li><a href="">最新新闻列表</a><span>2020-5-12</span></li>
121、</ul>
122、</div>
123、<footer>
124、备案号：粤ICP备123456789<br>
125、深圳市深圳有限公司 备案查询
126、</footer>
127、</body>
128、</html>
本文到此结束，希望对大家有所帮助。