Changes between Version 1 and Version 2 of Ticket #20805, comment 9
- Timestamp:
- 06/02/2012 06:30:26 PM (12 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Ticket #20805, comment 9
v1 v2 3 3 - For iOS 5 scrolling the preview seems only possible when we force scrolling of the whole page (by setting the iframe height). It also supports position:fixed so the controls are accessible regardless of the scroll position. 4 4 5 - For Android 2.3 (and Kindle Fire that runs a forked version of 2.3), position:fixed is only supported when the zooming is disabled so the tweaks that work in iOS don't work well. At the same time it wouldn't scroll the preview iframe when loaded with viewport meta: initial-scale=1. A workaround is to set initial-scale=1.01 , then it behaves more or less like iOS with forced iframe height, i.e. scrolls the whole page.5 - For Android 2.3 (and Kindle Fire that runs a forked version of 2.3), position:fixed is only supported when the zooming is disabled so the tweaks that work in iOS don't work well. At the same time it wouldn't scroll the preview iframe when loaded with viewport meta: initial-scale=1. A workaround is to set initial-scale=1.01 or to disable zooming completely. Then it behaves more or less like iOS with forced iframe height, i.e. scrolls the whole page. 6 6 7 - Android 3+ seems to work well.7 - Android 3+ seems to work more or less, can get all dimensions wrong when zooming in. 8 8 9 9 For the 25% / 75%, perhaps we can set min-width: 220px or 250px for the controls, that would let then shrink a bit but not get too narrow on smaller screens and expand on larger screens? Or maybe reduce the width to about 250px?