mobile breakpoint: viewport vs pixels

Dit forum is bedoeld voor vragen met betrekking tot WYSIWYG Web Builder.
Post Reply
Jorus
 
 
Posts: 129
Joined: Mon Jan 04, 2016 1:39 pm

mobile breakpoint: viewport vs pixels

Post by Jorus » Wed Nov 14, 2018 5:52 pm

Ik lees elders op de forum (of het was een tutorial..) dat een iphone 6 een breedte (viewport) heeft van ca. 380. En op het net lees ik dat de Iphone 6 ca. 750 pixels breed is. Dat zijn dus kennelijk twee verschillende waarden.

Stel ik wil een breakpoint instellen voor een Iphone6, moet ik dan in WWB kiezen voor 380px of voor 750px ? Ik ben het even kwijt :roll:

User avatar
Pablo
 
Posts: 18321
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: mobile breakpoint: viewport vs pixels

Post by Pablo » Wed Nov 14, 2018 6:17 pm

Misschien is dit bruikbaar?
http://viewportsizes.com/?filter=iphone

Jorus
 
 
Posts: 129
Joined: Mon Jan 04, 2016 1:39 pm

Re: mobile breakpoint: viewport vs pixels

Post by Jorus » Thu Nov 15, 2018 12:57 pm

Misschien is dit bruikbaar?
http://viewportsizes.com/?filter=iphone
Naar deze tabel had ik inderdaad al gekeken. Moet ik dus voor de WWB breakpoint de "Width" (van 380) aanhouden?
Wat mij verward is dat de eenheid voor de breakpoint in WWB wordt aangeduid met "px" en bijvoorbeeld een Iphone(6) met een 'width' (of viewport of points) van 380 tevens een (rendered) 'pixel'breedte heeft van 750 'pixels' Het zal ongetwijfeld niet hetzelfde zijn maar ik haal ze moeilijk uit elkaar : /

User avatar
Pablo
 
Posts: 18321
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: mobile breakpoint: viewport vs pixels

Post by Pablo » Thu Nov 15, 2018 1:05 pm

Ik denk niet dat het verstandig is om je layout aan te passen voor één specifiek device.
Het idee van breakpoints is dat je deze implementeerd zodra de layout 'breekt', dus wanneer je het browser venster aanpast dat een afbeelding of tekst niet meer op het scherm past.

Jorus
 
 
Posts: 129
Joined: Mon Jan 04, 2016 1:39 pm

Re: mobile breakpoint: viewport vs pixels

Post by Jorus » Thu Nov 15, 2018 1:12 pm

Dat begrijp ik, alleen wil ik niet meer dan 1 breakpoint kiezen voor de mobile devices. Alles daaronder hoeft niet perfect weergegeven te zijn. Iphone6 is dan een voorbeeld die ik hanteer. Vroeg of laat zijn alle mobile devices minstens gelijk aan de viewport/width van 380 en of een (rendered) 750 pixels breed. Ik weet alleen niet met welke van deze twee waarden (getallen) de 'px'/WWB breakpoint overeenkomt(?)

User avatar
Pablo
 
Posts: 18321
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: mobile breakpoint: viewport vs pixels

Post by Pablo » Thu Nov 15, 2018 1:37 pm

De viewport waarden zijn exact hetzelfde als de breakpoint waarden, in pixels.

Jorus
 
 
Posts: 129
Joined: Mon Jan 04, 2016 1:39 pm

Re: mobile breakpoint: viewport vs pixels

Post by Jorus » Thu Nov 15, 2018 1:45 pm

Dan moet ik even wat dingetjes aanpassen in mijn layout :lol:

Post Reply