Site is responsive in PC smartphone simulator, but in practice is not responsive

Asked

Viewed 225 times

1

Good afternoon

I’m having trouble making my site responsive, because it is correctly responsive in the PC simulator (link below)

WEBSITE: https://natupot.000webhostapp.com/

WEBSITE MOBILE VERSION: http://mobiletest.me/nokia_lumia_920_emulator/? u=https://natupot.000webhostapp.com/

inserir a descrição da imagem aqui

but in practice it’s not like this, my smartphone recognizes the site as a whole page and it plays the site as I see it on the computer itself, which makes the letters too small

inserir a descrição da imagem aqui

I thank those who help and a happy new year

  • 3

    try putting this metatag in the header: <meta content='width=device-width, initial-scale=1.0' name='viewport'>

  • @Miguel I put this metatag, the site was responsive, but no longer appears the vertical scrollbar (scrollbar-y) and I can no longer "scroll the page" I already updated the site with this command, on my mobile does not appear scrollbar, but the PC simulator appears

  • I tested on two cell phones, the first did not release the scrollbar-y and the second worked as planned, thank you! However I need to make sure that works in the vast majority of cell phones, I do not know if there is a way to make my phone work properly

  • Maybe you have some overflow in css like Hidden

  • only has the Hidden for scrollbar-x

  • I have no idea what it might be, it might be some poorly applied css property, or an inheritance that is not foreseen

  • You use that framework?

  • So I will test on other phones, I think q is not working on my cell phone is old and should be with the corrupted OS, in case I confirm I will conclude the doubt

Show 3 more comments
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.