手机网页开发简单总结
2014-06-23 14:24
176 查看
1.手机屏幕的宽度不统一,我们强制给文档设置一个比例
定义:device-width是通知浏览器使用设备的宽度作为可视区的宽度,initial-scale初始的缩放比例,minimum-scale允许用户缩放到的最小比例,maximum-scale允许用户缩放到的最大比例,user-scalable定义是否可以缩放(0为不缩放)。
2.使手机浏览网页时,不启用电话功能,忽视页面上的数字识别为电话,可以做如下设置
3.很多人都认为手机网页像pc端网页一样,可以设置字体,其实各个手机系统有自己的默认字体,且都不支持我们最常用的的微软雅黑,所以不是特定需求可以不规定字体,英文字体和数字字体可使用 “Helvetica” ,三种系统(ios、android、winphone)都支持。
4.手机开发有特殊要求时需要单独给元素添加样式,我们在样式里可以这样做
1》.首先头部声明
2》.判断设备是横屏还是竖屏
<!--竖屏-->
<!--横屏-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
定义:device-width是通知浏览器使用设备的宽度作为可视区的宽度,initial-scale初始的缩放比例,minimum-scale允许用户缩放到的最小比例,maximum-scale允许用户缩放到的最大比例,user-scalable定义是否可以缩放(0为不缩放)。
2.使手机浏览网页时,不启用电话功能,忽视页面上的数字识别为电话,可以做如下设置
<meta name="format-detection" content="telephone=no" />
3.很多人都认为手机网页像pc端网页一样,可以设置字体,其实各个手机系统有自己的默认字体,且都不支持我们最常用的的微软雅黑,所以不是特定需求可以不规定字体,英文字体和数字字体可使用 “Helvetica” ,三种系统(ios、android、winphone)都支持。
4.手机开发有特殊要求时需要单独给元素添加样式,我们在样式里可以这样做
1》.首先头部声明
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
2》.判断设备是横屏还是竖屏
<!--竖屏-->
@media all and (orientation : portrait) { body {} /*样式代码块*/ }
<!--横屏-->
@media all and (orientation : landscape) { body {} /*样式代码块*/ }
相关文章推荐
- 手机网页开发简单总结
- 手机网页开发问题总结(一)
- 手机网页的设计vs2008开发wap网站(一)
- 手机流媒体开发的总结
- Web Services开发总结三 一个简单的XML格式定义
- VS2008中开发智能设备程序(手机软件)的总结
- Moile手机开发日志总结若干问题
- 网页开发经验总结
- 社交游戏(Social Game)开发简单教程与粗略总结
- Moile手机开发日志总结若干问题
- Web前端开发:DIV+CSS网页布局总结
- Symbian手机平台开发经验总结
- 手机网站开发必修课[2009总结版]
- 社交游戏(Social Game)开发简单教程与粗略总结之基础篇
- Mobile手机开发中对日期的总结日志
- 对SyncML协议在手机上开发实现的必要总结
- 手机网站开发总结版(zz)
- 移动平台前端开发总结(针对iphone,Android等手机)
- 使用网页应用程序(HTA)开发简单串口控制软件
- VS2008中开发智能设备程序(手机软件)的总结【转】