Skip to main content
Inspiring
June 21, 2022
解決済み

Media Query Emulation Code

  • June 21, 2022
  • 返信数 1.
  • 296 ビュー

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.

    このトピックへの返信は締め切られました。
    解決に役立った回答 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

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert解決!
    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
    VShaneCurtis作成者
    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.