注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端攻城师 郭培的博客

Be the best you can

 
 
 

日志

 
 
关于我

前端技术:http://hszy00232.blog.163.com/ 前端设计:http://blog.sina.com.cn/hsjs00232 职业:web前端工程师 现居地:北京 My QQ:365246295 Mail:hszy00232@163.com

网易考拉推荐

IE9下浏览bug  

2012-11-12 17:04:00|  分类: 工作总结 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
2012年11月12日 - 郭培 - 前端攻城师 郭培的博客这种方式浏览时存在下面的问题
1.2012年11月12日 - 郭培 - 前端攻城师 郭培的博客
2.2012年11月12日 - 郭培 - 前端攻城师 郭培的博客

试了一下,发现跟字体设置相关,我们在做页面时通常设置为font:12px/1.5 arial,helvetica,sans-serif;如果把,sans-serif去掉就OK了

在网上搜索了一下,得出如下结果:

我们在IE9常常会遇见自己写的DIV CSS网页,文字有时不能垂直居中,究竟IE9 line-height设置文字不能垂直居中原因是什么?
IE9不支持line-height原因:中文ie9不支持英文字体
相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中,这是与你设置字体有关,通常大家习惯设置font-family:Arial, Helvetica, sans-serif;
ie9中line-height失效解决方法:
只需设置好字体,添加个宋体即可解决 如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;
设置字体时候注意,还需设置大家都默认系统自带字体,如黑体,宋体。
DIVCSS解释:
在中文IE9中不认英文字体,所以IE9找不到设置中文字体,所以对导致字体上下垂直失效。

试了一下改成:font:12px/1.5 arial,“Sim sun”,helvetica,sans-serif;也可以OK
 
补充:按着font:12px/1.5 arial,“Sim sun”,helvetica,sans-serif;这个写法,有同学反馈mac下网页的字体由原来默认的细黑体和黑体,被宋体替换,这样浏览的效果很不爽。

解决文字:把"Sim sun" 改成 unicode格式即:\5b8b\4f53。

最后:font:12px/1.5 arial,\5b8b\4f53,helvetica,sans-serif;

整理几个常用字体的unicode表示
新细明体 \65b0\7ec6\660e\4f53
细明体 \7ec6\660e\4f53
标楷体 \6807\6977\4f53
黑体 \9ed1\4f53
宋体 \5b8b\4f53
新宋体 \65b0\5b8b\4f53
仿宋 \4eff\5b8b
楷体 \6977\4f53
仿宋_gb2312 \4eff\5b8b_gb2312


  评论这张
 
阅读(1409)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017