HTML5 標籤在Chrome下坑爹

如圖,注音往上飄了,但是通過CSS貌似沒有辦法把它弄下來啊Orz

ruby rt

一開始懷疑是行高(line-height)的問題,但是我把行高設置為1px一樣不行,於是懷疑是不是<rt>有margin的問題……於是我又把margin設置成了0,一樣沒用……

這下坑爹了,然後我嘗試將position設置成relative,然後top:-20px一樣沒用OTL

於是我懷疑是Chrome本身的問題,於是我打開IE,問題解決……

制作主题·吐槽B

主题就要完工了,为了解决主循环那里重复出现的文章花了我好多时间,最后用了个蛋疼的方法解决,但也算是解决了…

现在正在全心全意地调整CSS,用的特效也算比较多的了

Time DIV

 

其中花的心思最多的就是这个post的日期div了……

用了很多奇奇怪怪的东西,本想着能只在chrome里面正常显示就很好了,结果让我惊奇的是IE9也能正常显示!(泪流满面

竟然既然IE也能支持的话那就兼容性基本是没问题了吧?呵呵

还有就是本来想弄个整个页面横向滚动的,(最近好像经常看到别人这么搞啊?难道这是设计趋向?!)但是又想通过「←」「→」这两个键换页,这样一来就又会出现一些奇奇怪怪的问题,再加上最近朋友圈里有几个人都这么搞了Orz免得别人吐槽说我抄袭什么的….就算了吧……

本来还想加个模糊特效的,结果自己的机子跑起来也卡,就算了吧……(´•ω•`)

##########

新主题看起来好少女(・∀・)ニパ ……

身边“犯2”的设计

1.最最最让人气愤的就数“无尽自动加载”(瀑布流)了……

记得之前新浪微博就采用了这种设计:

假如你想看页尾,比如你想看新浪网的客服电话,又或者由于各种理由你不得不滚动页面看页尾的链接那么你要是碰上这种设计的话——你惨了,你滚到明天天亮恐怕都不能让你如愿以偿。新浪微博现在依然采用这种设计,但是已经对加载的次数作了限制,终于可以看到页尾了……

虽然的确可以通过限制加载的次数来解决这个问题,但是要命的是绝大多数的网站都没有做限制,既然这样,你弄个页尾是想干嘛?

(((o(*゚▽゚*)o)))

2.网上银行的密码输入框控件

 

中英文字分別使用不同字體 via @font-face

最近一直在弄主頁的版面,在文字編排的時候就遇到了一個蛋疼的事情:

當中英混雜的時候,中文字型裡的英文字母是在噁心,想了一下,可以在CSS里這樣寫:

body{

font-family : “Helvetica”, “Trebuchet MS”, “Verdana”, “Tahoma”, “STXihei”, “WenQuanYi ZenHei”, “Microsoft JhengHei”, “Heiti TC”, “Heiti SC”, “MS Gothic”;

}

理論上,前面的英文字型里沒有漢字,瀏覽器應該是逐個往後找,直到找到含有漢字的字形為止然後顯示才對,但是似乎想得很完美,試驗時效果糟糕(比如IE)。

於是想起CSS里一個很實用的東東 —— “@font-face”。 繼續閱讀 中英文字分別使用不同字體 via @font-face

好久没有更新博客了呢!

最近很忙啊……今天抽空更新下微博……

我一直想写个技术点的文章,可是我没有什么题材可以写……

不过我想过几天(或者今天),写个有趣点的Geek文:《修改Win7开机字样》

“正在啟動Windows” “Starting Windows” 看膩了吧?想不想牛點,改成類似“OX最厲害了”“歡迎回來!我的主人!”【拍~ 等等的任意字符?!

嗯,既然想的話,那就期待我的博文出爐吧~