-2

When I compare the mobile version of my site in Dreamweaver to the actual site when it is live, they both look incredibly different. The code is the exact same and I'm using the same browser with the same settings. You can see the clear differences between the two here:

In Dreamweaver: https://i.stack.imgur.com/gQ39p.jpg

Live: https://i.stack.imgur.com/PDCuW.jpg

Any help would be much appreciated!

Hydrone
  • 73
  • 8
  • 1
    it would be great if you could share the code, so we can give you a solution. You can also check this out: https://stackoverflow.com/questions/18408612/dreamweaver-design-and-live-view-show-different-things, its apparently a known issue. Thus the Dreamweaver preview shouldnt be your main monitor of css changes. –  Sep 22 '19 at 09:58
  • Upvoting @Niklas specifically for "_Dreamweaver preview shouldn't be your main monitor of css changes_" **Chrome Developer Tools** or **Firefox Developer Edition** are much more accurate at depicting what you will see on your live mobile site – inputforcolor Sep 22 '19 at 10:34
  • @Niklas Thanks very much for the suggestions! I will be sure to take a look at the link. I just viewed the local document straight in Chrome without using Dreamweaver's preview and it also displayed weirdly so it is clearly an issue with Dreamweaver's preview at this point. – Hydrone Sep 23 '19 at 04:31
  • @Niklas it turns out the issue was caused by me not including '' in the head. – Hydrone Sep 23 '19 at 06:04

1 Answers1

1

The issue was caused by me not including the following code in the head section:

<meta name="viewport" content="width=device-width, initial-scale=1">
Hydrone
  • 73
  • 8