您的位置：首页 > 移动开发

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

2015-07-02 00:00 302 查看
摘要:html5移动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"
>

<!--在程序加载、启动的时候，显示一个预加载的页面，告诉用户该程序正在加载-->
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航