Skip to main content
Z
zaphod222221
Participant
January 6, 2017
Answered

Captivate Projekteinstellung für Iphone 6 und höher - Bildschirmauflösung

  • January 6, 2017
  • 1 reply
  • 257 views

Hey Community,

ich verzweifle gerade an meinem Projekt - dem Bau einer "Elearningapp" für Iphone 6 und gegebenenfalls auch für das Ipad.

Damit ich verschiedene Geräte testen konnte, hab ich das responsive Design - Feature benutzt. Und nun ja - die Bildschirmvoreinstellungen von Captivate waren ziemlich veraltet. Okay, ich hab also die Bildschirmaufösungen einmal für Iphone 5, Iphone 6 und die für das Ipad eingetragen, das Projekt über Tage hinweg fertig gestellt und dann (endlich) auf den Geräten getestet.

Bruh Die ganze Arbeit umsonst: Mein ganzes Projekt war scrollbar und passte überhaupt nicht zum iPhone-Screen. Was ist da los?

Der komplette Lock meiner Captivate Folie war zerstört: Das Iphone zeigte Umbrüche, verschobene Grafiken,... blablabla.

Nun ja, bis jetzt bin ich noch nicht auf die richtige Lösung gestoßen und hab gedacht ich wende mich an die Community, die mir (hoffentlich) helfen kann welche Screen-Auflösungen ich in Captivate (-> im responsive Design) benutzen soll.

Wär korrekt, wenn jemand helfen kann,

Grüße Zaphod.

This topic has been closed for replies.
Correct answer Lilybiri

Indeed the browser resolution for iPhone 6 is 375x667. You can find a lot of device browser resolutions in this site:

Viewport Sizes

That is why I mentioned in my first answer that the screen resolution is totally different from the browser resolution.

You have to edit the position properties in each breakpoint view. Size of fonts is defined in the object style, size and location of objects in that Position Properties panel.

Can you check the exact version number? Latest version is 9.0.1.437.

You can have 5 breakpoint views, default you have Landscape for Primary, Portrait for Tablet and for Mobile. Add Landscape breakpoint views for Tablet and Mobile.

1 reply

Lilybiri
Lilybiri
Legend
January 6, 2017

Sorry not to answer in German, but my Grammatik is bit rusty You can continue to answer in German, understanding is not a problem.

When you define the resolutions for the Breakpoint view, you have to take into account the browser resolution (not the same as the screen resolution) and alse he real estate taken up by the browser or the LMS. If you add a playbar, that will also add some pixels vertically as well. Same for iPad.

Design has to be started with the Primary view, inheritance is downwards, you cannot start with the mobile view.

You didn't specify the version you are using?

Z
zaphod222221Author
Participant
January 6, 2017

@

Okey, I've defined the screen view also for the classic desktop version (1280*1024) and if i switch to the HTML view the project looks fine.

In my responsive design project  i can edit the classic devices and change the screen resolution for several devices. But if i add a device (for example Iphone 6 --> 1334 × 750 px) and try to create the app, my full style on the Iphone screen I've edited looks destroyed. I changed the number of the pixel in Captivate - responsive project. And it also looks destroyed... I don't know why.

Yeah, i have hidden the playbar as well. Its useless in my project.

----

Mhm, btw if i use 375*664 px for iPhone 6 it works. -Say whaaat?-

Can you explain that to me?

My Ver - Captivate 9

Thanks, Zaphod

@Lilybiri

Lilybiri
LilybiriCorrect answer
Legend
January 6, 2017

Indeed the browser resolution for iPhone 6 is 375x667. You can find a lot of device browser resolutions in this site:

Viewport Sizes

That is why I mentioned in my first answer that the screen resolution is totally different from the browser resolution.

You have to edit the position properties in each breakpoint view. Size of fonts is defined in the object style, size and location of objects in that Position Properties panel.

Can you check the exact version number? Latest version is 9.0.1.437.

You can have 5 breakpoint views, default you have Landscape for Primary, Portrait for Tablet and for Mobile. Add Landscape breakpoint views for Tablet and Mobile.

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