HTML & CSS
My website works fine using Dolphin and the default browser on both an Android tablet and smartphone, but Chrome and Firefox act up. Firefox on the smartphone, for example, extends off the screen as if it's showing the desktop version, while Chrome has magnified the page, yet confined it to a narrow vertical strip.
I'm using media queries to determine screen sizes, and they obviously work or Dolphin and the default browser would fail as well.
We'll need a link to your site or all of the html / css to be able to help.
Have you included the viewport meta to prevent zoom? e.g.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
I did have the viewpoint meta, but... 'initial' was misspelt (the perils of cut and paste) and I had 'minimum-scale=1.0", which may or may not have been a factor as well (I've removed it anyway).
The problem is now resolved. Many thanks for your help.
This topic is now closed. New replies are no longer allowed.