IE10 对 frameset 的支持存在问题

今天又被 IE 坑了,而且还是 IE10。

有一个页面用 frameset 嵌了两个页面,然后通过改变 frameset 的 cols 来调整布局。别的浏览器安好,但 IE10 却没任何的反应。不是报错,值也确实地改变了,但布局没发生变化,当浏览器窗口大小发生变化时才会触发布局变更。示例代码如下(也可直接查看 Demo):

继续阅读“IE10 对 frameset 的支持存在问题”

italic and oblique

italic 和 oblique 其实是不同的。

前者是字体的斜体形式(可能字形都有所变化),后者是指单纯把字体右倾斜。

不过,在没有对应斜体的情况下,italic 则会表现得和 oblique 一样。

italic and oblique's example

只是在浏览器中,大多数时候两者的表现会一致。

参考维基百科斜体

解除Chrome字体最小12px的限制

Chrome 限制了最小字体是 12px,虽然一般情况下,比这还小的字体将会无法清晰查看,但非得设时,可以使用以下代码来解除限制。

1
html{-webkit-text-size-adjust:none;}

学自 chrome下最小12px字体的解决方法

P.S. airyland 提醒:不建议用这个属性来支持小字体,这样会使页面缩放时其他元素缩放了,而字体还是一样大小。

P.S. 非要用的时候,把选择符精确定位至小于 12px 的元素上,不用 html,减少影响范围。

2013/06/26

Chrome 里可以设置字体大小的下限,默认是 12,最小可以去到 6,最大可以去到 24,但问题是,不可能要求浏览者修改浏览器的设置。所以最好的方法还是:尽可能不要设计小于 12 的字,如果有,那应是不可变的(这样可用图片)。

Chrome 27 后取消了上面的技巧,所以非得要做的话可以用 -webkit-transform{scale(0.85) translate(-1px, 1px)} 这样的方式。scale 来做缩放,缩放产生了位移,再加上 translate 来平移调整。

读书计划

看了下归档,11 月份只写了一篇文章,差点就断了。

订个读书计划吧,鉴于时间把握不好,只能记下接下来准备阅读的书,至于何时完成就有点悬了,至少末日前是不可能的了。

  1. 在线翻译中的『CSS设计指南(第3版)』
  2. 『JavaScript高级程序设计(第3版)』
  3. 『程序员的数学』
  4. 『HTTP权威指南』

当然,实际待读的书还有很多,比如『7周7语言』、『程序员的职业素养』和『Ruby元编程』等。

要学的东西很多,时间或许也是有的,但总坚持不够。