Jorux Notebook

Just a web designer's blog

95%的中国网站需要重写CSS

很长一段时间,我都使用12px作为网站的主要字体大小。10px太小,眼睛很容易疲劳,14px虽容易看清,却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。

谁对我的网站字体大小有意见?
我老爸,他是第一个向我反映看不清我的网站文字的人。这使我意识到12px,其实只是让我觉得很不错而已,而对于那些视力下降明显的中年以上的人来讲,几乎等于10px对于我的感觉。
于是我告诉他,在“查看”里调整“文字大小”就可以了。但是却发现这是徒劳的。在Firefox能轻易调整的字体大小,怎么在IE就变得如此”坚不可调“?

问题出在哪
我又试着打开中国的三大门户—新浪网易搜狐。它们的字体无一例外的在IE里失去可调性。看来这不是我网站独有的毛病。再看看MSNGoogleA list apart华盛顿邮报,在IE里却是可调的。难道IE在字体调整上也搞歧视不成?
困扰我的问题直到看到这篇大作:How to size text using ems,才得到彻底的解决。
关键点
1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。

95%的中国网站需要重写CSS
在我所观察的中国网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。
而在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。
没错,px比em更加容易使用,我也敢打赌大部分读者不知道em为何物或者它相当于多少px。
国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因为有一部法律来约束他们—例如美国的Section 508,强制网站达到一定的易用性。所以没有哪个主流站点愿意被那些视力下降或是残缺的人告上法庭。
: 在中国, 可能把微软告上法庭来的更简单点,为什么IE对于px那么死板。

如何重写你的网站CSS
Jorux.com作为一个对视力下降人士负责任的站点,已经重写了CSS的Font-size部分。在这里,Jorux和各个有人文精神的网站主讨论如何用em重写Font-szie的问题。

em vs. px

em是何物?
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。

重写步骤:
1. body选择器中声明Font-size=62.5%;
2. 将你的原来的px数值除以10,然后换上em作为单位;
简单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了。经过以上两步,你会发现你的网站字体大得出乎想象。因为em的值不固定,又会继承父级元素的大小,你可能会在content这个div里把字体大小设为1.2em, 也就是12px。然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的话,p的字体大小就不是12px,而是1.2em=1.2 * 12px=14.4px。这是因为content的字体大小被设为1.2em,这个em值继承其父级元素body的大小,也就是16px * 62.5% * 1.2=12px, 而p作为其子级,em则继承content的字体高,也就是12px。所以p的1.2em就不再是12px,而是14.4px。
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明,也就是避免以上提到的1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。

诡异的12px汉字(原因待查)
本人在完成em转换时还发现了一个诡异的现象,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点。这个问题我已经解决,你只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时,对于浮点的取值精确度有限。阅读本篇的读者还有其他解释吗?
本现象只发生在12px的汉字,英文不存在此现象。你可以在这里下载到此表现此现象的文件。下载后请读者用IE打开sample.htm, 可以看到第一段文字明显长于第二段。然后你可以用编辑器打开style.css,看看究竟发生了什么。解决方法就是把style.css中的62.5%换为63%。演示链接

还可以做哪些改进

为什么还需改进:
1. 你的网站css过于复杂,以至于不知道元素的从属关系,很难重写css;
2. 绝大部分人看了本文之后仍然不会重写css;
3. 很大部分人不知道浏览器可以调整页面的字体大小。

所以你需要一个诸如本站信息框中的字体大小调整控件。
相信本站读者的英语能力,这里就不再罗嗦了,请参看:The Text Changer

Important reference:
1. How to size text using ems
2. The Text Changer

备注:
1. 自网站Reboot以来,老爸又反映我整天在”属性一”"属性二”的,看不大明白,已经拒绝访问Jorux.com了;
2. 读者对如何用em重写css,或是对字体大小调整控件有任何疑问,请留言;
3. 本站在加强易用性上做了如下改进:a. 用em重写了css; b. 去除了51.la和文本广告代码,提高了网页加载速度; c. 增加了字体大小调整控件;
4. 重新整理”Other Blogger”链接,请发现被摘掉链接的网站自行摘除链向本站的链接,本站停止交换友情链接。尚保留的网站有如下特点:a. 非日记式博客;b. 内容优秀;c. 原创为主;
5. 本站常规在周一发表post,间隔为一到两周,感谢读者对本站的关注, 以后除星期一以外,您都不需更新本站Feed了。
[END]

94 Responses So Far

  1. 红鼻子 Says:
    Gravatar

    嘿嘿,标题就吓我一跳。很多的网站放弃了易用性,最显而易见的就是广告堆砌。
    你的老爸也很有意思啊

  2. 发发 Says:
    Gravatar

    临时调整字体大小也不是什么好的方法。
    用大字体才是解决问题的根本,你说14px虽容易看清,却破坏页面的美感,那是浏览器的渲染问题,IE7的AA系统就很出色,不信你去看看,字体很光洁。对于网页设计师的确IE有种种诟病,但作为普通的用户,才不在乎这些(例如你老爸)。我觉得IE7的AA系统足够吸引大多数用户了。
    所以,我觉得不老说IE这不好那不好的,从用户的角度考虑IE做的还是挺好的。

  3. 发发 Says:
    Gravatar

    PS
    你写的文章还是挺好的,都讲的很透彻,这里说声,谢谢

  4. piaolingdy Says:
    Gravatar

    很多人用ie根本就不知道ie可以调字体大小,所以我觉得还是根据内容的定位设置字体大小为好,还有就是某些固定的单张图片上的字体用em这类单位不好,一旦改变字体大小很可能布局就被搞乱了
    另外,我是初学者,不明白为什么在ff和opera中某些用em和百分比的中文字体显示看上去会小很多,但是ie就没有发生过这种情况?

  5. Jorux/Bluecssr Says:
    Gravatar

    To 红鼻子:
    标题是有点吓唬人,有点过了。我老爸确实比较新潮,比较能跟上形式。

    To 发发:
    1. 谢谢你的留言。对于AA系统我可能尝试不了了。因为我只在调试网页时用免安装的IE7;
    2. 我所指的破坏页面美感,不是浏览器的渲染问题,而是其占用空间,使版面不协调;
    3. 我本人对IE没有太多意见。倒是对FF占用我的XXXMb内存比较在意;但,事到如今,我已经没法常规用IE了,因为我百分之六十的网络活动都依赖FF及其插件;
    4. 如果微软的防盗版抓得紧点,估计没有多少人能尝试IE7了;
    5. 如果windows同时预装了IE和FF,我估计还是IE占上风。

    To piaolingdy:
    1. 你说的问题其实不是不可以解决的,建议看看这篇: Text-Resize Detection
    与其说用户调整字体会破坏布局,还不如说是设计者为了图方便;
    2. FF和opera不是对与em和百分比的中文字体显示过小,你用px也是一样。要解决这个问题,需要重复声明字体大小,比如说你在body里声明了12px, 对于content的字体也需要再次声明字体大小为12px。

  6. 鬼仔’s Blog » links for 2006-11-14 Says:
    Gravatar

    […] 95%的中国网站需要重写CSS (tags: CSS) […]

  7. spring Says:
    Gravatar

    已读,等下做测试

  8. 网摘日日看 » links for 2006-11-14 Says:
    Gravatar

    […] 95%的中国网站需要重写CSS (tags: css) 归类于: 网摘 — kunshou @ 7:39 am […]

  9. lu Says:
    Gravatar

    写得好, 顶一下

  10. lu Says:
    Gravatar

    其实做一点点的小改动就能帮到那么多的人,为什么就是不愿意改呢,而是选择忽视那些智势群体,意识不好哟

  11. Jorux/Bluecssr Says:
    Gravatar

    To Lu:
    其实他们不是忽视弱势群体。他们只是没有意识到珍惜每一个可能成为其未来客户的访客重要性,损失的那一部分潜在客户最终会让他们尝到苦头。

  12. xwing Says:
    Gravatar

    不愿调整的可能还是因为有种根深蒂固的潜意识吧,例如我。不知道在界面上提供一个调整字体(正常,大字体)的选项会不会方便一点。

  13. Jorux/Bluecssr Says:
    Gravatar

    To xwing:
    1. 添加一个选项是个不错的选择;
    2. 但如果什么都不做,这不是潜意识可以搪塞得过去的。如果你曾有过调试各个浏览器下的网页兼容性的经历,应该想想为什么。无非就是让使用各种不同浏览器的访客都能收到同等的待遇。浏览器就是访客的虚拟眼睛,如果你在字体大小上拒绝了那部分实际上存在的眼睛,那么为了那些虚拟眼睛还有必要调试网页么?

  14. win-fire Says:
    Gravatar

    一个字:顶!

  15. vv Says:
    Gravatar

    网站的可用性和无障碍性,现在中国大部分网站连可用性都没达到,更别说无障碍性了,不过据说最近咱们国家也要针对网站的“无障碍性”立个什么法了~~ 
    哈哈,我们期待着~~~

  16. 千風 Says:
    Gravatar

    Jorux,你好,我把你的这篇文章摘到自己的Blog上了,可以吗?
    你看下:http://feng7.blogcn.com

  17. Jorux/Bluecssr Says:
    Gravatar

    To 千风:

    你能说一声我已经很满足了。不过,要是事先通知,那会更好一些。

  18. 千風 Says:
    Gravatar

    Jorux,谢谢你了。我下次会事先得到你同意的,你写的内容对我很有帮助啊!上次意外停了,好几天,我都以为你不再开了,很是心痛,心里想要是把你写的内容都记下来。。。所以我才会这样的,请原谅呵。
    我发现你的网页在我的浏览器里显示有点不正常,也不知是不是我的浏览器出问题了,我有的是我用的是Firefox 2.0.0.1,你看下:http://images.blogcn.com/2007/1/5/5/qfeng7,200701059612.bmp

  19. Jorux/Bluecssr Says:
    Gravatar

    To 千风:

    谢谢你的提醒!可能是字体的问题,我过段时间会处理这个问题。

    Thanks

  20. netpod Says:
    Gravatar

    站长好,你上边的导航为什么一点过就黑了?这样再去点的时候总是觉得有点模糊,不知道目前所在哪个栏目了(特别是把所有栏目点过后,情况很糟糕)。是不是我浏览器问题,还是你应该设置下链接的颜色,多设置个颜色指示点击后的状态会不会better?
    呵呵。喜欢你的站。

  21. jorux Says:
    Gravatar

    谢谢你的建议,有机会一定改进。

  22. Relaxxx Says:
    Gravatar

    hi,Jorux,请问如何在各种浏览器中使文字的大小都保持一致,如IE,FF,NETSCAPE,一段文字在这三中浏览器中显示大小都不一样,该如何调整CSS呢?谢谢!(改成形如html>body>table {font-size:80%}后不行)

  23. Jorux/Bluecssr Says:
    Gravatar

    To relaxxx:

    你的代码可能不兼容所有的浏览器,最好分别声明字体大小,即对各个元素声明字体属性。

  24. Zhang Says:
    Gravatar

    for me, 你正文的字体小了点,留言中的字体大小比较好

  25. liu Says:
    Gravatar

    firefox下,如果不设定最小字体大小,jorux.com的正文字体是10px(几乎不可读);如果设定字体大小(显然,国内一般只会设为12px),那么正文字体是14px(比IE下大很多,正如你所说的,“破坏页面的美感”)。

    百度也并非所有页面都可调字号,首页就不行。

    在浏览器默认字号统一之前,与其特立独行,反倒同时牺牲美感和可读性,不如中庸一些,跟大家一起用px。

  26. liu Says:
    Gravatar

    况且,有调整字体特殊需要的,何妨用firefox,反正它免费,开源,而且足够优秀。

    倒是该期待期待IE新版也有调整固定单位字号的功能。用固定单位,问题或许不在网站,而是在浏览器呢?

  27. Jorux/Bluecssr Says:
    Gravatar

    To liu: 我一直使用Firefox,但没有遇到你说的问题。

  28. 读者 Says:
    Gravatar

    http://209.85.135.104/search?q=cache:hw8UxRCRuf0J:homepage.yesky.com/492/2455492.shtml+css+em&hl=zh-CN&ct=clnk&cd=10&lr=lang_zh-CN

    上面这篇文章也很有道理。 em理论很好,用起来不易。

    其实,个人认为,要做到易用性好,只要多设计几个css 版本,比如 黑白版本,纯文字版。 字体大小则也调用 不同的 css 文件 就好。 这样 css写起来也方便。 否则很难保证css 在不同 浏览器上的显示效果一致。

  29. hoho Says:
    Gravatar

    你的漢字很漂亮

  30. lboy Says:
    Gravatar

    也不用这么说国人的WEB,CSS,

    其实这个做习惯CSS的人有很多都是知道是什么回事,
    最初我还不知道PX来锁定字体大小呢,用IE可以调。
    只是该大就大不该大就没必要大。字体大小调整的功能用的人也不多。有很多人也不清楚。不过国人还算是人性化设计的,一般新闻信息网站的内容字体都在14PX或以上。或有大、中、小、字体大小设置等等,其实这就是弥补了这一点。
    如果说非要整体字体放大的话,这是将来必然的事了。IE7.0也开始慢慢多起来。用IE7试下ctrl++,Ctrl+-试试,看网站有什么没化,有多大有多大,要多小有多小。这是发展了。95%这说明了必然性的,而不是去跟着去改变的,还有5%的也没必要去改变。这是选择。
    只要选择过程中考虑到功能与形式的侧重性就可以了。

    显示细腻的“微软雅黑”造价在100美元左右。这也说明了微软用心良苦。vista和WINxp sp3横行的时候,就是“微软雅黑”霸道的时候了,切低改变“12PX宋体”的概念了。。

    交流学习
    QQ214424352

  31. Borg Says:
    Gravatar

    值得我们学习!

  32. 朱高 Says:
    Gravatar

    有些时候,国外的东西不一定就适合中国。看看下面这篇,写得很实在。
    http://hi.baidu.com/weijisifu/blog/item/7db995ca7a3e6786c81768f9.html

  33. Doris Zhuang Says:
    Gravatar

    Jorux, hi! 我对你的这篇文章非常感兴趣, 而且不觉得夸张。因为我看到我们业内的一位前辈也这么评价我们国内的商用网站,就是各大中小企业的公司英文网站。他的看法基本与你的一致。
    现在我想改进我们公司的网站,但是请您能否指点一下具体怎么操作。用FRONTPAGE是否可以改过来?

  34. d12z Says:
    Gravatar

    这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了

    我觉得这个算法不对:)
    应该是XP/16=em

  35. gushen Says:
    Gravatar

    谢谢

  36. MY Says:
    Gravatar

    好文章啊!!

  37. 门户网站源码 Says:
    Gravatar

    看来还是国外网站的做法对用户比较有好啊。

  38. gmhvf Says:
    Gravatar

    我把字体改过来了,可是设置的#content的宽度也跟着变。不明白是怎么回事,请lz讲一下,谢谢!

  39. gmhvf Says:
    Gravatar

    就是这个,
    body{
    font-size:62.5%;
    }
    #content{font-size:1.2em;
    width:78em;
    border:0.1em solid #ccc;
    left: 50%;
    margin-left:-39.1em;
    position:relative;
    }
    当我改变字体大小时,#content的宽度也跟着变大!
    有什么解决方法吗?

  40. Jorux/Bluecssr Says:
    Gravatar

    To gmhvf:

    可以将content的宽设为780px, 只是字体使用em作为单位。

  41. gmhvf Says:
    Gravatar

    解决了 呵呵
    谢谢!自己太死板了!

  42. gmhvf Says:
    Gravatar

    FF的插件都有什么啊,能具体说一下吗,还有插件在哪里下啊?

  43. Jorux/Bluecssr Says:
    Gravatar

    To gmhvf:

    参考:http://jorux.com/archives/jorux-firefoxportable/,由于下载源已丢失,插件明细及下载地址参考:http://jorux.com/archives/jorux-firefoxportable/#comment-2319

  44. freeher Says:
    Gravatar

    找着找着找来的……明白em是啥了。

  45. 笑煞天 Says:
    Gravatar

    又学到了,呵呵.
    我的验证码还不错>plan

  46. superG Says:
    Gravatar

    很久以前的文章
    这篇文章说的东西很多本身已经落伍了

  47. Roc Says:
    Gravatar

    写了一大段,结果发表不成功。囧~

    简单来说:
    1、字体的可调性,是需要成本,但在国内一个网站,给设计师用于增加网页可用性的空间太小。

    2、不是所有网页都适合字体的可调。我经常遇到有人指着网页向我求救,说页面字体太小。无一例外,都是无疑中点了ie中的查看》字体大小》最小。目前比较成熟的做法是大部分新闻网站中采用的,在新闻页中用js的方式增加字体调整功能,大、中、小分开。

    3、msn、华盛顿邮报、alistapart之类的网站,之所以使用字体可调,是和它们的页面风格有关,简洁的线条布局让这样的网站在字体调整的同时,布局不会被破坏。有一个比较可以看看,nba.com为什么没有采用可调;espn.com为什么采用了可调,可调后对页面布局的又造成了什么影响。

  48. Raymond Says:
    Gravatar

    从tony那里连过来,写的不错!受益了!

  49. creep Says:
    Gravatar

    博主我还不太明白你说的

    MSN,Google,A list apart,华盛顿邮报,在IE里却是可调的

    是什么意思,怎么个可调法?

  50. dt Says:
    Gravatar

    一般是为了网页美观不变形才使用px固定字体大小的吧。

  51. 楚云 Says:
    Gravatar

    很漂亮的模版,是自己做的吗?能否提供模版下载?

  52. Jorux/Bluecssr Says:
    Gravatar

    To superG:

    确实很老的文章了,IE7不存在这种问题。

  53. 左岸读书 Says:
    Gravatar

    只要微软改了,就行,所以有了IE7

  54. dvaknheo Says:
    Gravatar

    诡异的12px汉字(原因待查)

    所以我们不理会不符合习惯的标准
    如 firefox 不支持长单词折行

  55. justn Says:
    Gravatar

    说你不懂还不信——
    font-size:medium;
    是用来做什么的?
    你对em还是不太理解呀。
    em是相对单位,一开始没有绝对值定着,写相对单位有什么用。唉~

    关于浏览器放大字体。现在微软早就放弃了根据font-size调整大写的方略,而是向放大镜一样直接全面放大(很多使用IE内核的第三方浏览器也是一样)。 而IE8则更高级,可以直接放大文字,而不放大图片。
    所以现在设置font-size来让浏览器放大缩小已经没有多大意义了。
    关于IE8的放大策略你可以看——《Internet Explorer 8 and Adaptive Zoom》(url:http://blogs.msdn.com/ie/archive/2008/03/25/internet-explorer-8-and-adaptive-zoom.aspx)

    我不是说蓝色和chinaui不好,的确有些高手,但是一般用户太多,和他们呆在一起被浪费的时间太多了~ 那些地方少泡点为好。

  56. Jorux/Bluecssr Says:
    Gravatar

    To justn:
    这篇文章是一年半前的老文,的确有些不合时宜,比如说IE做的改进,当时是针对IE6的。

  57. csk83 Says:
    Gravatar

    不一定什么都非常标准,还有投入是否值得。

    比如YUI里面的CSS里面用字体用的EM,但是好像淘宝还是阿里的UED,他们用了,但是对于字体他们仍然选择了PX因为他们的用户IE居多。

    设计要看用户。不一定都合适。
    比如你的博客的这个连接:Subscribe to my Feed
    当放很大的时候会显示不友好。

    同意JUSTN的说法
    ———–
    而是向放大镜一样直接全面放大(很多使用IE内核的第三方浏览器也是一样)

    PS:部分浏览器对12PX是物理放大有点锯齿。

    我不是说蓝色和chinaui不好,的确有些高手,但是一般用户太多,和他们呆在一起被浪费的时间太多了~ 那些地方少泡点为好。

  58. 亿天世纪 Says:
    Gravatar

    写的是不错。崇拜一下

  59. 幕幕 Says:
    Gravatar

    是不是可以直接在网站上放个调整字体大小的选项。。。。

  60. gai Says:
    Gravatar

    说的对 我的也要借鉴下 我爱试验机网
    顶下

  61. demix Says:
    Gravatar

    还是应该写62.5%,这样其他的地方也可以用em

    63%会造成很多地方的不精确

    对于ie的bug,是作者字体选取的问题,用Tahoma 或直接 sans-serif 就根本没问题

    英文对于中文过度的关系吧。。。。。

  62. Jorux/Bluecssr Says:
    Gravatar

    To demix:

    谢谢你的回复,你的blog不错。

    IE7似乎已经比较普及,这篇老文有点不合时宜了。

  63. 7jiejie Says:
    Gravatar

    为什么不考虑用zoom解决问题?调字体多烦啊,整个网页放大到120%就可以了

  64. 7jiejie Says:
    Gravatar

    这些问题要IE去调整好了,要95%的网页调,难,现在w3c的,firefox的,我都觉得是他们这些浏览器去调整适应的比较好,而不应是由大量设计者去适应他们。

  65. yura Says:
    Gravatar

    1em是等于12px 还是 16px。
    我测试是12px

  66. 邵逸静 Says:
    Gravatar

    其实想要看字体大小,不用那么麻烦,按ctrl+"-"或"+",缩小放大就可以了

  67. York Says:
    Gravatar

    好文,支持一下!

  68. Rudy Says:
    Gravatar

    仅一句话概括:网页设计中的文应该用em来作为单位。

  69. Rudy Says:
    Gravatar

    仅一句:
    网页设计中的文本应该用em来作为单位。

  70. vogel Says:
    Gravatar

    很少有人因为看不清页面上的字而去调整字体大小。
    但IE也不是一无是处的不如FF,至少在IE7.0的右下角有个比例大小的按钮,很容易放大和缩小页面。

  71. fryguy Says:
    Gravatar

    请问楼主,这是你的原创?我在一本《css商业网站布局之道》上见过类似的文字。

    我觉得应该给ie一个恰当的评价
    设计IE的人,应该不会不懂标准吧
    想想
    ie带来了什么
    又带走了什么

  72. Jorux/Bluecssr Says:
    Gravatar

    To fryguy:

    还是第一次被问此文的原创问题,看来这篇文章的质量还是可以的:)

    我专门google了一下《css商业网站布局之道》,在http://www.china-pub.com/36243显示它的出版日期是2007 年10月!

    而这篇文章的发表日期是November 12, 2006,倒是建议去问问它的作者是不是抄袭了我的文章。

    本来这篇文章早以被埋没,没想登上了车东的blog,着实火了一把。

  73. haoren Says:
    Gravatar

    俺倒是很纳闷
    楼主什么都用FF
    那支付宝,网上银行怎么用啊?
    另外,FF的速度实在不敢恭维
    safari跟opera都比它速度快吧……

  74. 红色T恤 Says:
    Gravatar

    嗯,文章写的不错,很受启发!!!

    不过,我有个问题个证实一下,作者所谓的”95%的中国网站需要重写CSS”这个数据,是有专门调查还是处于个人认识,得到的结果!!!

  75. wenran Says:
    Gravatar

    Jorux 最近没有写教程了吗?

  76. Jorux/Bluecssr Says:
    Gravatar

    太长时间没在学习web design,也许不能再写了。

  77. 锐风 Says:
    Gravatar

    好文. 让人深思啊.

  78. 图满多 Says:
    Gravatar

    装修图满多(http://www.tumanduo.com)主要页面就用的是em,可以用ie的调节大小的功能,但很多朋友说字体网站怪怪的,希望博主能提提意见。

  79. Jorux/Bluecssr Says:
    Gravatar

    To 图满多:
    分别用firefox3.0 ie6和opera浏览,均未发现字体“怪怪”,建议用ie7或8试试,或者让你朋友截个图发过去看看。

  80. 装修图满多 Says:
    Gravatar

    告诉楼主一个消息,终于知道为什么有些网友说怪怪的了,因为他们的ie设置字体大小不是中号,或者大,或者小,然后有朋友说,一看你们网站就是个人网站,字体都那么大一个;因为这个事情,我们放弃了在中文版上使用em,也把字体定死了,在英文版上继续保留。中国人和老外的方式不一样,中国的网页很少活动字体、很少让用户选择新开窗口。

  81. lisfan Says:
    Gravatar

    平时看文章,看到好的直接转走,再加个原链,不过对于您这的文章,我觉得有必要说一声,对于用EM还是PX还是看个人喜好吧,对于我以后将严格的按照em来写

  82. Sunshinepiece Says:
    Gravatar

    建议你把网站的链接都加上 target=”_blank”,呵呵~

  83. what's Says:
    Gravatar

    确实,用了em之后,很多的朋友说为什么你的网站字体很小,我也发现是 查看–字体大小 出的问题。 于是在网站上又特别说明了,如果您发现字体变大或者变小,请点击 查看–字体大小 来自动调整。

    这样麻烦了许多,感觉有点画蛇添足的样子。

    但如果固定了大小,对于那些近视等视力不好的人又有了限制。

    而且向你说的大多人都不知道em是什么意思一样,大多人可能也不清楚 在查看–字体大小那可以调整字体大小。晕

  84. 星巴克月饼 Says:
    Gravatar

    作者真是字字珠玑,一下子将网站的通病讲了出来,佩服佩服

  85. China wholesale Says:
    Gravatar

    我觉得浏览器的兼容性也有很大的关系

  86. 澳福世食品 Says:
    Gravatar

    我也觉得是浏览器的关系

  87. 小鱼菲飞 Says:
    Gravatar

    的确,一些国家十分重视Accessibility,对于css的写法也十分严格,我们也应该做到这些,做网站不光是为了健全人可以阅读,更多的要达到无障碍阅读。
    无障碍阅读在做法上不仅是em的用法,还有很多很多,大家一起探讨,希望我们做的更好。

  88. 7设计 Says:
    Gravatar

    这篇文章很经典,好不容易找到原处.

  89. 郑州天佳 Says:
    Gravatar

    呵呵,这些是细节。毕竟国外的网络发展的早些。

  90. 北京装修 Says:
    Gravatar

    没错 还是px好用啊

  91. Heat Pump Industry Says:
    Gravatar

    早就想改写我那E文网站的文字大小代码了,现在开始动手,这篇文章很有参考价值啊。可是,LZ提到的“How to size text using ems”链接出错,看不到文章啊?

  92. zack Says:
    Gravatar

    这个em,原单词是什么?

  93. circle Says:
    Gravatar

    这个文章好早了!不知道现在用处大不大,我刚才用ie8,按下ctrl和滑轮滚动,页面缩放很顺畅,字体也缩小了。。。好多网页都这样!

  94. wildhorde Says:
    Gravatar

    看了你的文章才知道px和em的区别。貌似我的博客在IE下用ctrl++能放大呀~吼吼~以后写css会注意这些问题的。

Leave a Reply

Anti-Spam Image

Designed by Jorux. Proudly powered by WordPress 2.0.    Except where otherwise noted, this site is licensed under a Creative Commons License.