[TIMOB-8849] MobileWeb: Add better support for high density displays and images
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | Low |
| Status | Closed |
| Resolution | Won't Fix |
| Resolution Date | 2017-06-26T22:02:03.000+0000 |
| Affected Version/s | Release 2.0.1 |
| Fix Version/s | n/a |
| Components | MobileWeb |
| Labels | n/a |
| Reporter | Chris Barber |
| Assignee | Chris Barber |
| Created | 2012-04-20T12:42:58.000+0000 |
| Updated | 2018-04-04T23:20:19.000+0000 |
Description
Mobile web's viewport is constrained to 320 pixels wide and a scale of 1.0. If an app wanted to display higher resolution images, this would be difficult/impossible. We should consider detection of the browser's pixel ratio, document.write the viewport meta tag, and automatically load high res images when available.
High res images could possibly end with "@2x" (i.e. flower@2x.jpg).
Here's some interesting projects that may be of help:
* http://retinajs.com/
* https://github.com/adamdbradley/foresight.js
* https://github.com/zynga/viewporter
* http://www.html5rocks.com/en/mobile/high-dpi/
Resolving as "Won't Fix" as MobileWeb has been deprecated.
Closing as will not fix.