移动web开发 移动端的配置和优化

1、避免文本字体重置：

?

1 2 3 4 5

html{      -webkit-text-size-adjust:100%;      -ms-text-size-adjust:100%;      ext-size-adjust:100%; }

2、优化浏览器视口宽度设置：

?

1 2 3

< meta  name = "HandheldFriendly"  content = "true" >   < meta  name = "MobileOptimized"  content = "320" > < meta  name = "viewpoint"  content = "width=device-width" >

3、iPhone下全屏模式启动：

?

1 2 3 4 5 6 7 8

< meta  name = "app-mobile-web-app-capable"  content = "yes" > <!--当web应用从界面图标启动时，以全屏模式启动，隐藏浏览器上部的工具栏、地址栏和底部的加载状态栏-->   < meta  name = "apple-mobile-web-app-status-bar-style"  content = "yes" > <!--在浏览器的顶部显示一个状态栏-->   < link  rel = "apple-touch-startup-image"  href = "img/splash.png" > <!--在程序加载、启动的时候，显示一个预加载的页面，告诉用户该程序正在加载-->