HTML5移动端最根蒂根基网页模板代码(以下HTML代码可直接拷贝复制运用):
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、代码:
4、代码:
同意全屏形式涉猎,潜藏阅读器导航栏
5、代码:
它指定的iphone中safari顶真个外形条的格式默认值为default(纯白色),大约定为black(彩色)和black-translucent(灰色半通明)别的尚有一个特点化的link标签,它支持用户将网页建设神速方法到桌面时,其图标变成我们自己界说的图标。
以上几个标签与代码,不一定要驾驭并明白。还有HTML5移动网页框架宽度一般不设置静止值,一样平常以百分比为宽度,例如最外层主框架宽度100%,再配置最小宽度min-width:320px,何等便可。
分外注意:HTML5移动网页拓荒时,网页结构不宜复杂不像畴昔PC分不少列种种各式布局,再HTML5手机端网页通常就构造一列的内容。
THE END