Take a look at CSS 'resolution'. https://developer.mozilla.org/en-US/docs/Web/CSS/resolution
There's a -webkit prefix for Safari. Also, using em measurements for your breakpoints is unconventional. I typically use pixels. --Kerri On Thu, Dec 26, 2019, 3:42 AM Jean-Christophe Helary < [email protected]> wrote: > Apologies for the offtopicness of the question so first, if you know any > place where the questions would not be off topic let me know (please, no > stackoverflow...) > > The question is, I'm trying to recover from a 20 years lag in CSS > development and I thought working first on a site where I can't change the > HTML would be a perfect choice since I can work on the selector spec and > from there move to more creative stuff. > > Here is what I have now: > > (sample, the links don't work) > https://brandelune.github.io/code/Visiting-Functions.html > > original > > https://www.gnu.org/software/emacs/manual/html_node/elisp/Visiting-Functions.html > > and the css: > https://brandelune.github.io/code/emacs.css > > I'm trying to use a media query to target mobile browsers so I have that > thingy here in the middle: > > @media (max-width: 40em) { > ... > } > > On the Safari/Firefox responsive simulators, the things work perfectly > well. > When I check the page on my iPhone 11 or even on my wife's iPhone 6, I get > the standard page with super small characters and no reaction to the > max-width property. > > And I have no idea what to do with that behavior... Where can I even start > to debug that ? > > Jean-Christophe Helary > ----------------------------------------------- > http://mac4translators.blogspot.com @brandelune > > > -- > This is the BBEdit Talk public discussion group. If you have a > feature request or need technical support, please email > "[email protected]" rather than posting to the group. > Follow @bbedit on Twitter: <https://twitter.com/bbedit> > --- > You received this message because you are subscribed to the Google Groups > "BBEdit Talk" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/bbedit/D30E58AD-EE74-4E36-8E93-62CE71B5B6C6%40traduction-libre.org > . > -- This is the BBEdit Talk public discussion group. If you have a feature request or need technical support, please email "[email protected]" rather than posting to the group. Follow @bbedit on Twitter: <https://twitter.com/bbedit> --- You received this message because you are subscribed to the Google Groups "BBEdit Talk" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/CAEmA4uYJqKY6XiA6Q8Drsx_4vNXJGfrORQvZwKN_J%2Bdazen%3DLg%40mail.gmail.com.
