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最厲害了”“歡迎回來!我的主人!”【拍~ 等等的任意字符?!

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