「Type is Beautiful」的文字排版在微軟 Edge 瀏覽器上的排版混亂？

01-14

我觀察了一下，別的文章是比較正常的，唯獨這篇，
http://www.typeisbeautiful.com/2015/05/9230/

【一個小時後的更新】

Type is Beautiful網頁已經修改為HTML5文檔類型，沒有標點跑位問題了！

* * *

在Edge及IE11下，漢字標準格式的測試頁顯示結果都是符合預期的（下圖為Edge中的截圖），

http://ethantw.github.io/Han/latest/hanging.html

經過反覆調試後發現，Edge瀏覽器下、使用非HTML5文檔類型宣告（比如XHTML1.0 Transitional）的網頁，會有絕對定位元素跑位的情形，造成Type is Beautiful該頁面顯示異常。而IE11等其他瀏覽器則不會。

相關代碼的調試結果及bug說明：http://jsbin.com/sotuma/edit?html,css,output （請以Edge開啓）

目前較好的解決方法，是改用HTML5文檔類型宣告，

&

沒仔細看。我猜是因為用了文中提到的https://css.hanzi.co/，而該庫還沒針對Edge測試過。

我用Chrome發現標點也是不正確啊。