Skip to main content
Participating Frequently
February 17, 2016
Question

IPhone opening the tablet version of my responsive course

  • February 17, 2016
  • 2 replies
  • 587 views

I have designed a mobile course. The course is working fine on an android but the iphone is opening the tablet version. How can I make it see the phone version?

    This topic has been closed for replies.

    2 replies

    Lilybiri
    Legend
    February 17, 2016

    What is the resolution for Tablet? Is this in Portrait or in Landscape? Which version are you using?

    kneserjt
    Inspiring
    February 17, 2016

    Open this website on the iPhone...

    http://viewportsizes.com/mine/

    Look at the first number at the top of the screen, that number must be larger smaller than your breakpoint width for the tablet view of your project, but larger than the next breakpoint. If you want the iPhone to pull the smaller of those two breakpoints, then you need to increase the value set on that smaller breakpoint. Any device with a screen width smaller than that value will use that breakpoint's view.

    Jake

    Participating Frequently
    February 17, 2016

    I did this, actually, this site is what helped me set up my course. I surveyed mobile devices and decided to develop mobile for the iPhone 6 and the Galaxy S6, and for iPad and Galaxy  Tab. I developed for the smallest device thinking that the larger ones would then be fine. My mobile settings are this: landscape 640 x 375. The tablet landscape is 962 x 481. I am using Captivate 9.

    kneserjt
    Inspiring
    February 17, 2016

    The full screen width of an iPhone 6 is 667, so if your width set in Captivate for your mobile breakpoint is 640, it will go to the tablet one. When you check the numbers on a device from the site linked above, it subtracts the pixels that the browser address bar and navigation buttons take up. I have found it's best to take the larger of the numbers that display when holding the phone in both landscape and portrait.