Skip to main content
robl48930039
robl48930039
Participant
December 7, 2015
Answered

Break points for high-resolution devices

  • December 7, 2015
  • 1 reply
  • 597 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!

1 reply

Lilybiri
LilybiriCorrect answer
Legend
December 7, 2015

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!

    robl48930039
    robl48930039Author
    Participant
    December 7, 2015

    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
    Lilybiri
    Legend
    December 7, 2015

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

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices