Mobile Functionality Of Chrome Devtools Not Working?

[ShatterStar]

Hi Guys,

I am building a website and I resize elements accordingly in javascript, when I drag and change the window size my website resizes accordingly however when I open up chrome devtools and toggle the mobile devices my layout appears to be wrong. My understanding is that if the website scales accordingly when I resize the browser manually it should work when chrome emulates mobile devices. Is the mobile emulation not working properly?

[PhistucK]

I believe it should work. But you do have to add an appropriate viewport definition for it to work, otherwise mobile browsers use fixed widths or 1024 pixels or 980 pixels or something like that. Do you have a viewport definition?

☆PhistucK

On Wed, Nov 22, 2017 at 9:57 AM, ShatterStar <harila...@gmail.com> wrote:

Hi Guys,

I am building a website and I resize elements accordingly in javascript, when I drag and change the window size my website resizes accordingly however when I open up chrome devtools and toggle the mobile devices my layout appears to be wrong. My understanding is that if the website scales accordingly when I resize the browser manually it should work when chrome emulates mobile devices. Is the mobile emulation not working properly?

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/d9a27e8b-f5b7-474d-87e2-f677ba1b7ca8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Kayce Basques]

It could be buggy. You can help us diagnose by viewing your site on some real mobiles / tablets / etc.