Website not rendering properly in mobile

  • Resolved gillinghamjamie

    (@gillinghamjamie)


    4 years, 11 months ago

    Hi Ben,

    I’ve added some CSS that renders fine in the mobile preview pane but not in the live version. I think it might be an issue with how I’m targeting the CSS.

    This is what I’ve tried so far:

    @media only screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)

    @media all and (max-width: 25em)

    And neither work in the live version (I’m speaking particularly about Chrome on iOS).

    Thanks,

    Jamie

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Jamie,

    It’s not recommended to use -webkit-min-device-pixel-ratio anymore as this feature was deprecated and no longer a candidate to be included in the CSS spec.

    As for the use of min-resolution, this works in most browsers but support is still spotty. The way it’s being used here is basically saying target devices of all screen resolutions, so it’s not necessary to use.

    The max-width media query is standard and any CSS statements you place within that media query should work fine.

    • This reply was modified 4 years, 11 months ago by Ben Sibley.
Viewing 1 replies (of 1 total)
  • The topic ‘Website not rendering properly in mobile’ is closed to new replies.