Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
0b077ca8
Z
zui
项目概览
zzx_123123
/
zui
与 Fork 源项目一致
Fork自
易企天创 / zui
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
0b077ca8
编写于
4月 30, 2015
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* change basic/ie document.
上级
286f8b15
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
24 addition
and
16 deletion
+24
-16
docs/2/part/basic-ie.html
docs/2/part/basic-ie.html
+24
-16
未找到文件。
docs/2/part/basic-ie.html
浏览文件 @
0b077ca8
<article>
<p>
因为IE浏览器与各大浏览器区别太大,为了尽可能的保证在所有浏览器中有一致的体验,很多时候需要单独对待IE浏览器。为了保证代码精简及一致,ZUI支持IE8-11
。
</p>
<p>
因为IE浏览器与各大浏览器区别太大,为了尽可能的保证在所有浏览器中有一致的体验,很多时候需要单独对待IE浏览器。ZUI 支持最早的IE浏览器为IE8,但需要进行一些特殊配置。
</p>
<p>
如果你准备支持的IE浏览器最低版本为IE9,则可以忽略此章节。但建议为早期用户准备一个提示
。
</p>
</article>
<section>
...
...
@@ -17,29 +17,37 @@
</section>
<section>
<header><h3>
更古老的浏览器
</h3></header>
<header><h3>
提示IE7及更早的用户
</h3></header>
<article>
<p>
针对IE7及更早的版本,应该给出提示,让用户升级浏览器。在
<code>
body
</code>
之后加入以下代码可以有选择性的出现浏览器升级提示,并给出链接引导用户访问
<a
href=
"http://browsehappy.com/"
>
browsehappy.com
</a>
:
</p>
<pre>
<code>
<
body
>
<p>
针对IE7及更早的版本,应该给出提示,让用户升级浏览器。在
<code>
body
</code>
之后加入以下代码可以有选择性的出现浏览器升级提示,并给出链接引导用户访问
<a
href=
"http://browsehappy.com/"
>
browsehappy.com
</a>
:
</p>
<pre><code>
<
body
>
<
!--[if lt IE 8]
>
<
div class=
"
alert alert-danger
">
您正在使用
<
strong
>
过时的
<
/strong
>
浏览器. 是时候
<
a href=
"
http://browsehappy.com/
">
更换一个更好的浏览器
<
/a
>
来提升用户体验.
<
/div
>
<
![endif]--
>
...
</code></pre>
<p>
因为IE8及早期版本不支持HTML5标签,所以针对IE8浏览器,我们引入html5shiv来使得HTML5标签在IE8中也能使用。在HTML文档的script区域加入以下代码(示例中html5shiv库来自maxcdn):
</p>
<pre>
<code>
<
!--[if lt IE 9]
>
<
script src=
"
https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
"><
/script
>
<p>
如果你准备支持的IE浏览器最低版本为IE9,也建议为早期用户准备一个提示,只需要将以上代码中的
<code>
[if lt IE 8]
</code>
更改为
<code>
[if lt IE 9]
</code>
。
</p>
</article>
</section>
<section>
<header><h3>
IE8用户
</h3></header>
<article>
<p>
在
<code>
dist/lib/ieonly/
</code>
中准备了一些 Polyfill 脚本来兼容IE8浏览器。
</p>
<p>
因为IE8及早期版本不支持HTML5标签,所以针对IE8浏览器,我们引入html5shiv来使得HTML5标签在IE8中也能使用。在HTML文档的script区域加入以下代码:
</p>
<pre><code>
<
!--[if lt IE 9]
>
<
script src=
"
dist/lib/ieonly/html5shiv.js
"><
/script
>
<
![endif]--
>
</code></pre>
<p>
因为IE8及早期版本同样不支持media
query来实现响应式布局,我们同样可以通过条件注释引入respond.js来帮助ie实现该功能。(示例中的respond.js来自maxcdn,可以和html5shiv共享同一个条件注释区域。)
</p>
<pre>
<code>
<
!--[if lt IE 9]
>
<
script src=
"
https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js
"><
/script
>
query来实现响应式布局,我们同样可以通过条件注释引入respond.js来帮助ie实现该功能。
</p>
<pre><code>
<
!--[if lt IE 9]
>
<
script src=
"
dist/lib/ieonly/respond.js
"><
/script
>
<
![endif]--
>
</code></pre>
<p>
因为IE8及早期版本不支持Canvas,如果你的产品用到ZUI中的
<a
href=
"#view/chart"
>
图表
</a>
视图,则需要引入
<a
href=
"https://code.google.com/p/explorercanvas/"
target=
"_blank"
>
ExplorerCanvas
</a>
来支持绘图功能。
</p>
<pre><code>
<
!--[if lt IE 9]
>
<
script src=
"
dist/lib/ieonly/excanvas.js
"><
/script
>
<
![endif]--
>
</code></pre>
</article>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录