I am trying to code a mobile page, but I cannot seem to get Firefox to adjust down to 320px, which I believe is the smallest size you are supposed to develop for, right?
At first I thought the issue was with my web page, but I opened a blank tab in Firefox, and it also doesn’t go down to 320px.
In the FF Dev Tools, it appears my window is sticking at 435px.
After you have FF Inspector open click on “Responsive Design Mode” if you need to test small page widths. It’s an icon that looks like a mobile device screen. Hover on it and the title will appear.
On the Inspector menu it is on the right side near the close X.
Or from FF Browser menu … Tools > Web Developer > Responsive Design Mode
Different browsers use different rendering engines so there can be slight differences on how your page gets displayed.
iPhone (ios) safari browser uses a WebKit engine.
Google Chrome initially used the WebKit rendering engine to display web pages. In 2013, they forked the WebCore component to create their own layout engine Blink.; all Chrome variants except iOS now use Blink
Firefox comes with the stock Gecko engine.
My Firefox has a 427 Chevy Big Block, bored .40 over with Dual Quad Holley Snipers sitting on a Weiand 8-71 blower. Your page may not hold up very well.
Bit late, but yes. It’s always a good idea to check phones, not specifically for responsive purposes, but because each phone has its’ own quirks and bugs. E.g. in IOS, there is a bug regarding background-attachment: fixed. Resizing your browser would not show that bug. Only an actual device (or simulator).