Patch for HiDPI display

[tsaiid]

Current version of pcman-firefox does not support HiDPI display (previous issue #38 on google code).

This PR will detect the devicePixelRatio (for example, with a retina display on MacBook, the ratio is 2), and then draws the canvas in HiDPI, and then scale down for display.

It was only tested on MacBook Pro Retina 15". No other devices with HiDPI available for testing.

[u881831]

Firefox在這部分的表現非常奇怪，在網頁canvas寬度和高度都是用canvas.style.width/height（pcman-chrome CommonCore branch，使用Firefox當UI），可是在xul高度用canvas.style.height寬度用canvas.width，必須另外指定canvas.style.position='fixed'才能讓寬度用canvas.style.width。這邊只要再調整一下被動到的其他元件的話應該沒什麼大問題。

另外照規範devicePixelRatio應該要隨頁面縮放改變，在網頁和e10s branch中表現正常，可是套用這個patch的master branch不會隨頁面縮放改變，必須用window.QueryInterface(Components.interfaces.nsIInterfaceRequestor).getInterface(Components.interfaces.nsIDOMWindowUtils).screenPixelsPerCSSPixel才能得到規範中正確的值。不過用正確的值雖然可以讓文字不會因為縮放而糊掉但是字和字中間會出現黑框，似乎會變得比原來更糟。

因為這些行為看起來不像是故意設計的，很有可能在其他環境出現出乎意料的行為，我想應該要在更多平台測試後才能決定要不要使用這個patch。

附帶一提backingStoreRatio已經被棄用。