Not responsive on iPhone 6/Tutorial 'Create a responsive grid lay out' 14 June 2017 Contributor Daniel Walter Scott

Forum|Forum|8 years ago
November 25, 2017
1 reply
2016 views

A page made with the helpful tips from this tutorial does not show the 'phone view' (breakpoint 768 px). Even the demofiles (index and css in the 'completed folder' shows tablet view on a iPhone 6.

Do I have to change the breakpoint settings??

Thanks in advance!

Martien Yland

This topic has been closed for replies.

Correct answer BenPleysier

Dag Ben, even in het Nederlands dan; dat is mijn oude pagina, die werkt wel...

De nieuwe met het probleem dat mobile view niet getoond wordt is mwfy start

www/mwfy.nl/index_nieuw.html

Try adding, just after <title>..</title>:

<meta name="viewport" content="width=device-width, initial-scale=1">

pziecina

Legend

There are hundreds if not thousands of tutorials out there, so how about a link to the tutorial?

If the smallest media-query is for 768px, then you will require another one for smartphones.

M

martienylandAuthor

Participating Frequently

Thank you for your answer! This tutorial ('official Adobe', quite recent, from June this year): Create a responsive grid layout |

It suggests two breakpoints: min. 768 and min 1024 px

pziecina

Legend

The tutorial is for tablet and desktop only, which means you will have to create your own media-query for smartphones.

Reading the info about the following tutorial, (the one that follows on from your tutorial) -

https://helpx.adobe.com/au/dreamweaver/how-to/responsive-web-design-basics.html

it should contain the info you require in order to learn how to create the mobile view.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded