This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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?

more options

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

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)

more options

What page?

more options

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.

more options

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

more options

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.

more options

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:

  1. Type "about:config" in the location bar and press Enter.
  2. Search for the "browser.viewport.scaleRatio" preference.
  3. 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.