Highlighted

Best Mobile Breakpoints

Community Beginner ,
Oct 02, 2017

Copy link to clipboard

Copied

Was wondering if anyone has a list of the best breakpoints to use for Adobe Muse sites so that they view properly on iPhones (up to the 8+), and iPads. I can't seem to find any sites that are consistent.

Thank you,

Mike

Adobe Community Professional
Correct answer by Rob de Winter | Adobe Community Professional

Hey there,

I think it's best to just watch what's happening when you scale the page down (does it still look nice at 'this' size? Or should I just add a breakpoint here).

When responsive webdesign became more popular, people started to make breakpoints for iPhones and iPads only, but at the moment there are so many devices with different widths, that it's no longer a best practise to make breakpoints for different devices.

Just watch, and see how it looks

Hope this helps you

Views

1.1K

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

Best Mobile Breakpoints

Community Beginner ,
Oct 02, 2017

Copy link to clipboard

Copied

Was wondering if anyone has a list of the best breakpoints to use for Adobe Muse sites so that they view properly on iPhones (up to the 8+), and iPads. I can't seem to find any sites that are consistent.

Thank you,

Mike

Adobe Community Professional
Correct answer by Rob de Winter | Adobe Community Professional

Hey there,

I think it's best to just watch what's happening when you scale the page down (does it still look nice at 'this' size? Or should I just add a breakpoint here).

When responsive webdesign became more popular, people started to make breakpoints for iPhones and iPads only, but at the moment there are so many devices with different widths, that it's no longer a best practise to make breakpoints for different devices.

Just watch, and see how it looks

Hope this helps you

Views

1.1K

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
Oct 02, 2017 0
Guide ,
Oct 02, 2017

Copy link to clipboard

Copied

1024 fluid (sometimes optional 640 fluid ) with 320 min-width plus engineering thinking on your part  - is all that's needed.

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...
Oct 02, 2017 2
Adobe Community Professional ,
Oct 03, 2017

Copy link to clipboard

Copied

Hey there,

I think it's best to just watch what's happening when you scale the page down (does it still look nice at 'this' size? Or should I just add a breakpoint here).

When responsive webdesign became more popular, people started to make breakpoints for iPhones and iPads only, but at the moment there are so many devices with different widths, that it's no longer a best practise to make breakpoints for different devices.

Just watch, and see how it looks

Hope this helps you

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...
Oct 03, 2017 2
mhyusi LATEST
Community Beginner ,
Oct 04, 2017

Copy link to clipboard

Copied

Thank you everyone.

Mike

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...
Oct 04, 2017 0