The Firefox Emulator displays webpages differently than the actual Firefox Mobile on my phone. The web page displays correctly in the emulator but not on the phone. Is this a known issue?
The page layout is not the same when browsing with the emulator instead of the actual mobile application on the phone. Emulator version: 2.0b11pre running on Win 7 Installed FF Mobile: v4.0.1 running on Android
All Replies (5)
What page?
http://www.penguinbay.net The text "Well what the hell are we doing in Denver" interferes with the blog title "this is not a love story" when viewing in my phone, but it displays ok in the emulator.
I can't access that site at this time but I wonder if it is font related. Try changing the css of your site to prefer the Droid family of fonts and install them on your computer. The fonts can be found at http://android.git.kernel.org/?p=platform/frameworks/base.git;a=tree;f=data/fonts;hb=HEAD
Thanks! I'll try to fix the css. But it's strange that the emulator doesn't display the page the same way as the actual browser.
Firefox for mobile adapts in various ways to the display size and density of the device it's running on. For example, it uses different font sizes and zoom levels on a tablet than on a phone. One way to make the desktop version behave more like it's running on a typical phone display is:
- Type "about:config" in the location bar and press Enter.
- Search for the "browser.viewport.scaleRatio" preference.
- Tap on that preference to change it, and set the value to "150".
We're working on some changes for a future version to make the desktop version use phone display settings by default, and to allow switching it between phone and tablet modes.