Skip to main content
Participant
January 19, 2023
Question

Media query applied to design view upon open, even though frame is wider

  • January 19, 2023
  • 1 reply
  • 540 views

Hi there,

For some reason, when my team and I open our HTML email files in Dreamweaver, the design view loads as if the media query has been applied, even though the window it's loading into is much wider than the media query would apply to.

The media query is:
@media only screen and (max-width: 559px) {

The design view window is much wider than 559px, but when it loads it loads the deisgn view as if the media query is applied.

Adjusting the size of the window (the bar between code view and design view) even slightly, reloads the design view properly and fixes it.

Seems like a bug!


This topic has been closed for replies.

1 reply

Nancy OShea
Community Expert
Community Expert
January 19, 2023

Media Queries should be used with LIVE view, not DESIGN view.  To toggle between them, use Ctrl + Shift + F11.

 

Adjust the target viewport size accordingly.  See screenshot.

 

Hope that helps.

 

 

Nancy O'Shea— Product User & Community Expert
Participant
January 20, 2023

My issue is that design view first loads with the media query applied.

I'm not trying to see the media query. The viewport is wide enough that the media query should not be kicking in when the file first loads, but it does.

Nancy OShea
Community Expert
Community Expert
January 20, 2023

Design View is a throwback to a bygone era before CSS.  It's isn't accurate at rendering advanced CSS media queries and should not be relied on except for quick content editing. If you want accurate rendering, switch to LIVE view. Or better still, preview in your browsers.

 

Nancy O'Shea— Product User & Community Expert