html5⼿机站点,HTML5移动端⼿机⽹站基本模板HTML5基本
结构
HTML5移动端最基本⽹页模板代码(以下HTML代码可直接拷贝复制使⽤)：
⼿机⽹站最基本HTML模板
body{font-size:62.5%;font-family:"Microsoft YaHei",Arial; overflow-x:hidden; overflow-y:auto;}
.viewport{ max-width:640px; min-width:300px; margin:0 auto;}
⼤家好！欢迎CSS5学习HTML开发！
HTML5主要代码解释：
1、代码：
解释：
width ---- viewport的宽度(width=device-width意思是：宽度等于设备宽度)
height ------ viewport的⾼度(height=device-height意思是：⾼度等于设备宽度)
initial-scale ----- 初始的缩放⽐例
minimum-scale ----- 允许⽤户缩放到的最⼩⽐例
maximum-scale ----- 允许⽤户缩放到的最⼤⽐例
user-scalable ----- ⽤户是否可以⼿动缩放
2、代码
解释：
doctype简写，简写HTML声明，⽀持PC和移动，不仅仅⽀持HTML5浏览器⽀持，⽀持HTML4的浏览器也⽀持。
3、代码：
解释：
IOS和Android系统都会默认某长度内的数字为电话号码，即使不加也是会默认显⽰为电话的。
4、代码：
解释：
允许全屏模式浏览，隐藏浏览器导航栏
5、代码：
解释：
它指定的iphone中safari顶端的状态条的样式
html 网页 模板 引导默认值为default(⽩⾊)，可以定为black(⿊⾊)和black-translucent(灰⾊半透明)
另外还有⼀个个性化的link标签，它⽀持⽤户将⽹页创建快捷⽅式到桌⾯时，其图标变为我们⾃⼰定义的图标。
以上⼏个标签与代码，⼀定要掌握并了解。还有HTML5移动⽹页框架宽度⼀般不设置固定值，⼀般以百分⽐为宽度，⽐如最外层主框架宽度100%，再设置最⼩宽度min-width:320px，这样即可。
特别注意：HTML5移动⽹页开发时，⽹页结构不宜复杂不像以前PC分很多列各种各样布局，再HTML
5⼿机端⽹页⼀般就布局⼀列的内容。
作者：css5

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。