Page 1 of 1

***SOLVED***Firefox and Chrome display differently

Posted: Sun Oct 18, 2020 7:56 am
by Seanf
I'm setting up a site, it looks fine on a PC but when viewing on a smartphone, Firefox and Chrome display it differently. As you can see from the screenshots below, Firefox reduces the text size to fit nicely on the screen, but Chrome doesn't. Is there something I can do to force Chrome (and other browsers) to display the text in the same way as Firefox does?

Edit - here is the URL: https://www.seans-hab-sauce.de/test

Firefox:
Image

Chrome:
Image

Thanks,

Sean

Re: Firefox and Chrome display differently

Posted: Sun Oct 18, 2020 9:10 am
by Pablo
In the URL, I do not see any code which reduces the font size.
Did you use responsive fonts?

Re: Firefox and Chrome display differently

Posted: Sun Oct 18, 2020 11:12 am
by Seanf
I haven't added anything to reduce the font site, Firefox seems to do this automatically but Chrome doesn't. I didn't use responsive fonts as that forces the style to be the same in the whole text box, but I have a heading and body text that need to be different.

Re: Firefox and Chrome display differently

Posted: Sun Oct 18, 2020 11:17 am
by Pablo
You can use responsive styles to have different formatting in the same textbox.
https://wysiwygwebbuilder.com/responsive_text.html

Re: Firefox and Chrome display differently

Posted: Sun Oct 18, 2020 11:41 am
by Seanf
Oh that's great, I'd missed that bit! I'll try it right now.

Re: Firefox and Chrome display differently

Posted: Sun Oct 18, 2020 12:01 pm
by Seanf
Excellent, that is just what I wanted. Thank you very much!