移动端Web开发
来源:互联网 发布:众泰知豆和吉利知豆 编辑:程序博客网 时间:2024/05/02 00:38
不再考虑浏览器兼容性
移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性,webkit是本次开发重点。
当然,不同版本的Android是存在一些问题的,还有就是不同浏览器的版本也存在一些差别,IOS在这方面表现甚好。
所以在开发时我们只需使用Chrome进行调试即可,话说Chrome的开发者工具也是灰常不错的。
丰富的页面Meta
控制显示区域各种属性:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
- width - viewport的宽度
- height – viewport的高度
- initial-scale - 初始的缩放比例
- minimum-scale - 允许用户缩放到的最小比例
- maximum-scale – 允许用户缩放到的最大比例
- user-scalable – 用户是否可以手动缩放
IOS中Safari允许全屏浏览:
<meta content="yes" name="apple-mobile-web-app-capable">
IOS中Safari顶端状态条样式:
<meta content="black" name="apple-mobile-web-app-status-bar-style">
忽略将数字变为电话号码:
<meta content="telephone=no" name="format-detection">
一般情况下,IOS和Android系统都会默认某长度内的数字为电话号码,即使不加也是会默认显示为电话的,so,取消这个很有必要!
IOS中Safari设置保存到桌面图标:
这是IOS中Safari特有的meta,是在你保存某个页面到桌面的时候使用这张图作为桌面图标,so,尺寸和iphone上的一致,是57*57px
<link rel="apple-touch-icon" href="custom_icon.png">
0 0
- 移动端Web开发
- 移动端--web开发
- 移动端Web开发
- 移动端web开发
- 移动端web开发
- web移动端开发(1)
- 移动端web开发坑
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发技巧
- 移动端web开发常见问题
- find中的-print0和xargs中-0的奥妙
- System.getProperty("line.separator") 是什么意思?
- Ubuntu 12.04中文输入法的安装
- fbo
- CodeIgniter中的增删改查操作
- 移动端Web开发
- 11G RAC 虚拟机安装(五)
- 给erlang增加自定义模块 ---- C Port Driver
- HAIP Drops Route and RAC Database/ASM Instances Evicts (文档 ID 1554551.1)
- hadoop简介
- 数据库多表连接查询
- linux网络编程之TCP/IP基础(五):分析一帧基于UDP的TFTP协议帧
- sybase IQ(15.2)中的常用函数和存储过程(3)
- zoj 3761 Easy billiards 并查集+dfs