署名栏跨浏览器的显示效果

之前的文章一直是出于非署名状态。一句“原创,转载请注明”,这个显然在文字创作中是不够用的

由于blog属于个人使用,采用硬编码。效果呢,在IE/Firefox/Safari中都一样,但是在Chrome中却有点。。。

1. IE 8

image

2. Firefox 3.6.12

image

3. Safari 5.0.2

image

4. Chrome 7.0.517.44

image

瞧,IE/Firefox/Safari中显示得都挺规整的,到了Chrome中好像文字大了一号。对了,这一部分都是采用内联的样式(轻易不要采用这种方式),该覆盖的属性都被覆盖了,不信查看网页源代码。

有没有人知道怎样让Chrome也能显示得“正常”一点?

PS:

  1. Firefox在线式的时候边距上和其他三者略有差别;
  2. Safari在计算宽度的时候好像和IE/Firefox略微有点小,“名”跑到第二行了;
  3. iPad中由于字体的原因,稍微有点挤,但是没有像Chrome中需要三行。

《署名栏跨浏览器的显示效果》有2个想法

  1. “唏哩花啦囧死你” 回访……
    Favicon是“申” 难道你是技术交流群里的[老不死]……?

    这是字体问题么?猜想把 font-family 里的 微软雅黑 去掉……

    1. 是的。微软雅黑是特地增加到css中去的。我不喜欢默认的衬线字体,呵呵。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>