Break points for high-resolution devices

Forum|Forum|10 years ago
December 7, 2015
1 reply
595 views

Hi,

I am creating a responsive project using Captivate 9, and would like to base the break point for mobile on the resolution of the iPhone 6s. I understand this resolution to be 750x1334px. However, I have been able to set the height to 1334, but can't seem to adjust the width of the breakpoint.

So I have two questions:

1. Does the above approach make sense, or am I missing something basic about the way resolution and breakpoints is intended to operate?

2. Assuming the above does make sense, how do i adjust the width of the mobile breakpoint to 750px?

Thanks

This topic has been closed for replies.

Correct answer Lilybiri

There is a significant difference between the screen resolution and the browser resolution. You have to take into account the last one, which is much lower. For iPhone 4 it is 320x480. My HTC One has a high screen resolution, but the browser resolution is 360x640. Be aware as well of the fact that you don't want to deploy very big files to smartphones!

LilybiriCorrect answer

Legend

There is a significant difference between the screen resolution and the browser resolution. You have to take into account the last one, which is much lower. For iPhone 4 it is 320x480. My HTC One has a high screen resolution, but the browser resolution is 360x640. Be aware as well of the fact that you don't want to deploy very big files to smartphones!

robl48930039Author

Participant

Thanks for your answer, Lilybiri. That makes sense to me. So most of the time you would just use the default breakpoints that the Adobe team have chosen, is that right?

Lilybiri

Legend

You can change them for specific devices, but use browser resolution.

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