HTML5移动端最基本的web模板代码(以下HTML代码可直接复制和使用) :
手机网站最基本的HTML模板body{font-size:62.5%; 字体- family : ' microsoftyahei ',Arial; overflow-x :隐藏; overflow-y :自动; }
. viewport{ max-width:640px; 最小窗口:300 px; margin :0自动; }
大家好! 欢迎学习CSS5html开发!
HTML5主要代码说明:
1、代码:
说明:
宽度--- -视图端口的宽度(宽度=设备宽度意味着宽度等于设备宽度) )。
height ------ viewport的高度(height=device-height意味着高度等于设备的宽度)
初始比例--- -初始比例
最小比例-----用户可以缩放的最小比例
最大比例-----用户可以缩放的最大百分比
用户可缩放-----用户是否可以手动缩放
2、代码
说明:
doctype缩写和HTML缩写声明支持PC和移动设备,不仅支持HTML5浏览器,还支持HTML4浏览器。
3、代码:
说明:
无论是IOS还是Android系统,某个长度的数字默认为电话号码,即使不添加,默认情况下也会显示为电话。
4、代码:
说明:
允许在全屏模式下浏览,隐藏浏览器导航栏
5、代码:
说明:
指定iphone的safari顶部状态栏的样式
默认值为default (白色),可以设置为“黑色”(black )和“黑色-平移”(black-translucent )灰色半透明)
另外,还有个性化的link选项卡。 这支持用户在桌面上创建网页快捷方式时,图标成为自己定义的图标。
请务必掌握并理解这些标签和代码。 还有,HTML5移动网页的框架宽度一般不设置固定值,一般以百分比为宽度。 例如,将最外层的大型机宽度设置为100%,并设置最小宽度min-width:320px即可。
特别注意:开发HTML5移动网页时,网页的结构不能复杂。 不像以前的PC那样分成很多列进行各种各样的布局。 另外,HTML5手机端的网页一般是以一列内容布局的。
作者: css5