Mobile development with Flash and Flex is a new frontier, full of new adventures and discoveries. Recently I discovered something that might be useful to you. By default the mobile web browser on my Android 2.2 device scales a web page to make more room to display pages typically built for a desktop profile. Here is what a little test mobile Flex app I built looks like:
Strange! The width and height are larger than the screen resolution. You can fix this by adding the following to the HTML page:
<meta name="viewport" content="target-densityDpi=device-dpi; user-scalable=0;" />And now it will look like:
Now that looks right! This also turns off the two-finger / pinch zooming feature for the page (which is more important for content that hasn’t been optimized for a mobile profile).
I hope this is useful for those of you embarking on new adventures with Flash / Flex on mobile devices!
2 Comments
Thanks for bringing this issue into the attention.
The colleague of yours Allen Ellison http://photonburst.wordpress.com/ has written the whole document on this topic called ” Adobe Flash Sizing Zen: Android Devices”
This doc formatted in web-friendly format can be read here:
http://www.kongregate.com/pages/flash-sizing-zen
Thanks! That is very helpful info.