怎么做wap网站
的有关信息介绍如下:怎么做wap网站,其实换一句话来说怎么做手机端网站。
手机端网页,现在无非两种类型。
1、是用专业工具生成,如易企秀 ;
2、专业做法,自己写手机端代码完成;
本来主要说专业的作法。
打开你的编辑软件,如作者我的是sublime,先点击File,在点击NewFile
新建好后会出现如下图所示
复制步骤8的代码请全部复制,粘贴到新建好的项目里面去如图所示
点击保存项目,如图所示
保存项目名称到桌面上为index.html,方便打开
回到桌面上,找到保存的文件,右键选中打开方式,用谷歌浏览器(chrome)打开(如下图所示)
如图所示,一个手机端网页就好了。(想在手机上浏览:直接将做文好的index.html文件发送到QQ或者微信上面浏览)
var pageWidth = document.documentElement.clientWidth;
var html = document.getElementsByTagName("html");
pageWidth >= 640 ? pageWidth = 640 : pageWidth;
html.style.fontSize = pageWidth / 16 + 'px';
*{
margin: 0px;
padding: 0px;
}
a{
color: #000;
text-decoration:none;
}
body{
width: 16rem;
margin: auto;
font-size: 0.65rem;
}
header{
background: #fff;
height: 50px;
position: fixed;
width: 16rem;
}
.logo{
text-align: center;
background-color: #000;
color: #fff;
height: 50px;
line-height: 50px;
display: block;
}
.main{
float: left;
width: 15rem;
padding: 50px 0.5rem 0 0.5rem;
}
.main ul{
list-style: none;
}
.main li{
width: 15rem;
float: left;
font-size: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.main span{
float: right;
text-align: right;
width: 4rem;
}
.main a{
float: left;
width: 11rem;
}
footer{
float: left;
background: #eee;
font-size: 0.6rem;
text-align: center;
line-height: 1.5;
padding:0.5rem 0;
display: block;
width: 16rem;
}
LOGO
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
- 最新新闻列表2020-5-12
备案号:粤ICP备123456789
深圳市深圳有限公司 备案查询