I have a website that detects mobile devices, and switches to pages implemented with Bootstrap. Generally this is working very well. For example, if I use the built-in browser with my Galaxy S6, it looks fine. Same with the Android Chrome browser. But
when I install Firefox on my Android phone, the rendered pages are still the mobile versions, but they are way too wide (approximately twice as wide as the phone's screen. Then, if I rotate the phone to landscape mode, the page renders better (about 1.5 times
the width of the screen). But then if I rotate back to the portrait mode, the page now renders the width of the phone, but the text is way too small to read!
If I repeat the above test with the built-in browser or with Chrome on my Android phone the page renders correctly and looks good in both portrait and landscape modes. It only messes up with Firefox.
Any advice what is going on? You can see a test page at t ...
Go to the complete details ...