Skip to main content
Participant
June 28, 2018
Answered

Page not displaying as responsive

  • June 28, 2018
  • 2 replies
  • 494 views

I'm just a begginer when it comes to coding and this is my first real site made with Dreamweaver. The home page went weel and it is perfectly working, but the first internal page is getting fit by its height in mobile devices, browser widths lower than 1024px.

Does somebody has any idea what the problem could be?

    This topic has been closed for replies.
    Correct answer eWitamar

    I have just figured the problem out: it was in the "viewport" meta tag, in the home page I used it like this <meta name="viewport" content="width=device-width"> and it worked just fine. I saved this page as and built the second page up on it, but this time I got the problem with the page displaying wrongly in mobile devices (tablets included). I have tried an additional attribute to the tag: <meta name="viewport" content="width=device-width, initial-scale=1">

    I made a research and one of the pages of Mozilla, has gave me the answer, which consists in adding another attribute, like this: <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"> and that worked!

    You will find more information about this here: https://developer.mozilla.org/pt-BR/docs/Mozilla/Mobile/Viewport_meta_tag

    2 replies

    eWitamarAuthorCorrect answer
    Participant
    June 29, 2018

    I have just figured the problem out: it was in the "viewport" meta tag, in the home page I used it like this <meta name="viewport" content="width=device-width"> and it worked just fine. I saved this page as and built the second page up on it, but this time I got the problem with the page displaying wrongly in mobile devices (tablets included). I have tried an additional attribute to the tag: <meta name="viewport" content="width=device-width, initial-scale=1">

    I made a research and one of the pages of Mozilla, has gave me the answer, which consists in adding another attribute, like this: <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"> and that worked!

    You will find more information about this here: https://developer.mozilla.org/pt-BR/docs/Mozilla/Mobile/Viewport_meta_tag

    pziecina
    Legend
    June 29, 2018

    The user-scalable=no attribute is now depreciated in iOS and the newer android devices, (though not all).

    They now ignore the attribute and allow the end user to scale by default.

    Jon Fritz
    Community Expert
    Community Expert
    June 28, 2018

    Could you share a link to your work in progress so we can take a look in our browsers?

    eWitamarAuthor
    Participant
    June 28, 2018