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

一、避免文本字体重置：

?

1 2 3 4 5

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

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

?

1 2 3

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

三、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" > <!--在程序加载、启动的时候，显示一个预加载的页面，告诉用户该程序正在加载-->