我們在繁體中文的介面，做簡體網頁，常常會發現網頁顯示的中文字上下不齊、文字錯位的感覺，心中不斷暗罵該死的IE，討厭的簡體...
內地都會使用"宋體"字型呈現簡體中文，但是...我們看得還是會錯位啊！
其實，這有解決方法的！
解決這問題，要從兩個地方下手，沒錯！就是html和css
首先，來解決一般簡體文字會上下亂跑偏掉的問題...
【css的部份】
當然字體部份要設定好Arial跟宋體顯示，MiyaC是習慣寫成：font-family:Arial, Helvetica, sans-serif,"宋体", "新細明體";
但是但是，我們的介面是繁體，網頁不會乖乖顯示宋體，還是會用新細明體顯示，很機車吧?!
所以，網頁宣告就很重要了！ (之前有寫過meta的部份，可以點我去看看)
用上次那邊的 meta equiv="Content-Language" content="zh-CN" 這招是不夠的，怎樣他都還是不乖乖顯示宋體...
原來，要把網頁本身宣告就先加上語系，所以是要改這行：
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"
加上紅色粗體的部份，嘖嘖... 文字終於齊了！好感動啊！！！
講完，以上～ > 延伸閱讀： http://3eye.ws/2008/11/19/simplified-and-traditional-chinese-web-page-problem/
不可全文轉貼、可部份引用，請以本文網址連結方式註明出處。
這網站很炫喔
他加了簡單的js判斷
不同螢幕尺寸 讀不同的css 表現不同的樣式
JS原始碼
function dynamicLayout(){
var browserWidth = getBrowserWidth();
// Narrow CSS rules
if (browserWidth < 640){
changeLayout("narrow");
}
// Normal (default) CSS rules
if ((browserWidth >= 640) && (browserWidth <= 960)){
changeLayout("default");
}
// Wide CSS rules
if (browserWidth > 960){
changeLayout("wide");
}
}
詳情請看原始出處～資訊來源節錄自：網頁設計知識庫不可全文轉貼、可部份引用，請以本文網址連結方式註明出處。
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
今天臉書的餐廳維修之後，開放了飲料部份， 台灣很多人認為檸檬是綠色，而萊姆是黃色，（鄰居都這樣說）是因為雖然我們自己有種萊姆，但產量很少，幾乎都是進口的，所以等到坐船到台灣，早就變黃了。所以台灣看到的萊姆幾乎都是黃色的。 而西方人認為檸檬是黃色，而萊姆是綠色，是因為檸檬曾經解決了航海員的壞血病，所以西方人有直接食用檸檬的習慣。等檸檬變黃成熟以後再吃，才不會那麼 酸，還會帶點甘甜的滋味，但檸檬本身的香味就會變淡，不我們都是把檸檬用來做果汁或是料理，所以台灣檸檬在採收時，都約都在檸檬還是綠油油地，七、八分熟 時，而國外檸檬都在九分熟，甚至全熟才採收，此時檸檬就是黃色的。
同時可以每種餐點選三道菜，MiyaC又開始熱衷於換材料了...
廢話不多說，之前能夠快速升級，就是看了這篇 Restaurant city食譜及食材詳細列表攻略 ，配合RC market，讓三道菜快速到達10級，讓經驗值增加快速；
但是現在多了飲料，該作者還沒更新飲料部份，MiyaC現在就來更新追加紀錄一下...
首先，MiyaC把飲料所需的材料紀錄下來，依據食材使用次數設定難度，
比方說，冰塊使用次數2，就難度2，飲料的水蜜桃茶(simple peach iced tea)需要水蜜桃+茶葉+水，材料使用次數分別為1+3+5，因此難度會列為9。
以下就是結論啦～ 難度由低至高...
最愛喝的水果茶，果然是難度最低的啊！
只有8而已～
需要冰塊、草莓、香蕉
（還不趕快跟我交換～）
再來就是難度9的水蜜桃茶
（也超愛喝的～）
需要水蜜桃、茶葉、水
（水真是飲料的搶手貨）
凍檸茶
（就是愛用港話）
需要 檸檬、冰塊、水
(黃色的是檸檬，從小就覺得很不習慣，感覺綠色的才是檸檬阿！)
Espersso 濃縮咖啡
（兩份濃縮... 我喝不下.... - -）
就 咖啡+咖啡+水
萊姆水
（不是應該是檸檬水嗎＠＠）
就 萊姆+冰塊+水
珍珠奶茶
（真的啦！ 就叫 bubble tea）
茶葉、牛奶、糖
（怎麼沒有需要粉圓...）
巧克力奶昔
巧克力+冰淇淋+牛奶
草莓奶昔
草莓+冰淇淋+牛奶
PS：檸檬是lemon，而萊姆是lime。
檸檬還是萊姆，都有綠色與黃色，沒有一定的顏色之分，是很難用顏色來分辨的。
都知道MiyaC在蒐集哪三種了吧？
很好～ 快來跟MiyaC交換吧！不可全文轉貼、可部份引用，請以本文網址連結方式註明出處。
常常我們會看到網頁上的按鈕、連結，點擊之後會出現虛線，有的人覺得很醜，有的人覺得有比較好，因此會有必須消除虛線的需求存在...
通常，我們會直接在連結or按鈕 加上 onFocus="blur()"
例如：
< herf=" 連結連結 " onfocus="blur()"> 連結文字 < / a>
. btns { zoom:1;}
. btns * {outline:0;zoom:1;}
. btns button::-moz-focus-inner{border-color:transparent!important;}
有時候我們在網頁切版的時候，
希望整個區塊點了就可以到另一頁，通常會使用a去包，
偏偏有時候，不同瀏覽器看，有的卻不會出現滑鼠手勢...
這樣別人就不知道那個可以點，就失去我們的用意。
其實只要在CSS中，將那個連結滑過時的樣式，指定有滑鼠手勢即可。
例如：
a:hover{cursor:pointer;}
發表文章
所有意見
