All three of these were helpful tips, but it looks like I needed to add a meta tag:
<meta content="width=device-width, initial-scale=1" name="viewport" />
Now it seems to work in both Android (2.2) and iPhone all right…
More Related Contents:
- What are the steps to make a HTML design responsive? [closed]
- IE8 support for CSS Media Query
- Is it possible to put CSS @media rules inline?
- Fixed background image with ios7
- Media Queries for Different zoom Levels of Browser
- CSS media queries for screen sizes
- What can be other ways than @media to make a website responsive suitably if I don’t mention target resolution? [closed]
- how to make responsive website for all devices [closed]
- Media queries not working inside an iframe
- Can flexbox detect when a flex item wraps?
- @media queries and image swapping [closed]
- The difference between HTML media queries and CSS media queries
- How to change the style of the title attribute inside an anchor tag?
- Word-wrap in an HTML table
- Last margin / padding collapsing in flexbox / grid layout
- Changing the color of an hr element
- Should I embed images as data/base64 in CSS or HTML
- Fixed header table with horizontal scrollbar and vertical scrollbar on
- Add a horizontal scrollbar to an HTML table
- Should global css styles be set on the html element or the body element?
- CSS: Vertically align div when no fixed size of the div is known
- How do I add a tool tip to a span element?
- Flex item should align left, not center, when it wraps
- Is there a way to use use text as the background with CSS?
- Exclude menu item from the collapse of bootstrap 3 navbar
- CSS Select box arrow style
- z-index not working with position absolute
- CSS border color switch animation: “from” color not correct
- Pixelated edge around a CSS Circle with overflow: hidden;
- Adding text before list