Highlighted

Background differ between iPad and MacBook

New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

Hello,

I came across the next problem which I want to solve.

Two background picture of both the same size and equal parameters differ between iPad and MacBook. I'm obvious doing something wrong but can't figure out what.

Picture one doesn't differ much on both platforms but the second one does. It seems that on the iPad the background is stretched of something like that. Any idea...?

Thank you! Gerbrand Diebels

IMG-4294.JPG

IMG-4295.JPG

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

Adobe Creative Cloud

Watch that file. I reduced it to one page. I added some breakpoints (2).

I added a breakpoint at 960, deleted 1000, added a fixed width breakpoints at 768 and a fluid width breakpoints at 768 (yes same value), set the minimum width to 320.

Of course you have to change a lot on mobile breakpoint 768.

Of course you have to change layout on 960 as well.

Best Regards,

Uwe

Views

87

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

Background differ between iPad and MacBook

New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

Hello,

I came across the next problem which I want to solve.

Two background picture of both the same size and equal parameters differ between iPad and MacBook. I'm obvious doing something wrong but can't figure out what.

Picture one doesn't differ much on both platforms but the second one does. It seems that on the iPad the background is stretched of something like that. Any idea...?

Thank you! Gerbrand Diebels

IMG-4294.JPG

IMG-4295.JPG

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

Adobe Creative Cloud

Watch that file. I reduced it to one page. I added some breakpoints (2).

I added a breakpoint at 960, deleted 1000, added a fixed width breakpoints at 768 and a fluid width breakpoints at 768 (yes same value), set the minimum width to 320.

Of course you have to change a lot on mobile breakpoint 768.

Of course you have to change layout on 960 as well.

Best Regards,

Uwe

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
Feb 28, 2018 0
Adobe Community Professional ,
Feb 28, 2018

Copy link to clipboard

Copied

To check it, we would need a .muse from just the "wrong" behaving page.

Save it to your Creative Cloud Files and share a link with right-clicking this file.

Best Regards,

Uwe

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...
Feb 28, 2018 0
New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

Hello Uwe,

thank you for your answer.

This is the link: Adobe Creative Cloud

Gerbrand Diebels

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...
Feb 28, 2018 0
Adobe Community Professional ,
Feb 28, 2018

Copy link to clipboard

Copied

It´s obvious. You used just a fixed width page/site and reducing the width cuts off the image.

You should add breakpoints.

Best Regards,

Uwe

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...
Feb 28, 2018 2
Adobe Community Professional ,
Feb 28, 2018

Copy link to clipboard

Copied

Adobe Creative Cloud

Watch that file. I reduced it to one page. I added some breakpoints (2).

I added a breakpoint at 960, deleted 1000, added a fixed width breakpoints at 768 and a fluid width breakpoints at 768 (yes same value), set the minimum width to 320.

Of course you have to change a lot on mobile breakpoint 768.

Of course you have to change layout on 960 as well.

Best Regards,

Uwe

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...
Feb 28, 2018 0
New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

Dear Uwe,

thank you for your answer. Totally failed to see that!

Gerbrand Diebels

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...
Feb 28, 2018 0
New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

And thank for working the file!

Really appreciate it!

Gerbrand

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...
Feb 28, 2018 0
Adobe Community Professional ,
Feb 28, 2018

Copy link to clipboard

Copied

Glad that I was able to help .

Best Regards,

Uwe

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...
Feb 28, 2018 0