Reading all this and searching for a way to getting to fit my page width:1280 into a mobile android browser width:360 and height:640.
I thought about putting the index.htm into an iframe width:100% (also in table?) and call the iframe 360.htm and forward every browser resolution lower width:361 to 360.htm
Also hopes an iframe can be zoomed and transition to be turned 90degr (or force landscape mode) and call the iframe 640.htm
That beiing said: I am gonna do some experimental fixes and tricks to break mobile browser rules, lol
]]>‘transform’ applies an arbitrary affine transform to the element exclusively for when rendering it; thus the parent element sees it as the same size. And, when upscaling it, it does NOT stay the same width or cause text to wrap, but passes its parent element’s bounds.
]]>You need to use transform scale for firefox support, You can try like that
-moz-transform: scale(1.3);
Here is an article I found with detail explanation http://codeconvey.com/css-zoom-effect-using-scale-and-transition/