Skip to main content
Inspiring
June 21, 2022
Answered

Media Query Emulation Code

  • June 21, 2022
  • 1 reply
  • 292 views

Hi Guys,

 

I have seen a few web template sites that have device emulation tabs that show what the template would look like on different devices.  Does anyone know if there is code available that you can uncorporate into local project files so you can monitor your progress as you work?  I may decide to revisit my code at a later date and having a tool like this would be very helpful.   Thanks in advance.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Use your browser's on-board tools. 

     

    Firefox > Tools > Browser Tools > Responsive Design Mode (Ctrl + Shift + M). 

    I'm sure there's one for Chrome in Developer Mode (F12).

     

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    June 21, 2022

    Use your browser's on-board tools. 

     

    Firefox > Tools > Browser Tools > Responsive Design Mode (Ctrl + Shift + M). 

    I'm sure there's one for Chrome in Developer Mode (F12).

     

    Nancy O'Shea— Product User & Community Expert
    Inspiring
    June 21, 2022

    Thanks this is helpful.   I wasn't aware of this feature. I'll take a moment and experiment with it in Firefox.