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

一、避免文本字体重置：

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

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

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

三、iPhone下全屏模式启动：

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