Highlighted

Preview on device is different than actual website.

New Here ,
May 22, 2019

Copy link to clipboard

Copied

Hello,
I have a problem that I don't know how to resolve. When I preview my website on device (iPhone 6) using the Dreamweaver, the website acutally looks nice because I used some media queries. But when I publish my site to actual hosting the website looks completely different than the preview shown in Dreamweaver. Is there a way to preserve the same form as shown in the preview on device in Dreamweaver? I attached screenshots of my phone so you can see what I am talking about.


Thanks for help
Andrej

wut.jpg

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

Have you included the following meta tag?

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Views

88

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Preview on device is different than actual website.

New Here ,
May 22, 2019

Copy link to clipboard

Copied

Hello,
I have a problem that I don't know how to resolve. When I preview my website on device (iPhone 6) using the Dreamweaver, the website acutally looks nice because I used some media queries. But when I publish my site to actual hosting the website looks completely different than the preview shown in Dreamweaver. Is there a way to preserve the same form as shown in the preview on device in Dreamweaver? I attached screenshots of my phone so you can see what I am talking about.


Thanks for help
Andrej

wut.jpg

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

Have you included the following meta tag?

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Views

89

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 22, 2019 0
Adobe Community Professional ,
May 22, 2019

Copy link to clipboard

Copied

Have you included the following meta tag?

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 22, 2019 1
New Here ,
May 22, 2019

Copy link to clipboard

Copied

Oh my god, it was the exact thing which I haven't done.

Thank you so much for your help!

Andrej

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 22, 2019 1
Adobe Employee ,
May 22, 2019

Copy link to clipboard

Copied

Hi Andrej,

Thanks for reaching out. From what I understand, you have created a website in Dreamweaver which shows fine on Device Preview but changes after publishing. In addition to what Ben has suggested, please try these steps: -

  1. Try validating your code errors and fix the errors (if any) from the following links:-

     2. Once you are done, try to check your website on different browsers.

Let us know if it works.

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 22, 2019 0