I have a problem that came to light (obviously been there before) with the advent of the iPhone6, in that the subject site breakpoint settings do not work when the site is viewed in Landscape on the 6.
I have been reading some threads including the one at :
And realise that the way i have been selecting breakpoints in incorrect,( i have been setting BP to match certain devices ) however i have a slight issue in that i cannot seem to determine what is the correct breakpoint that i should be using?
I can look at a page using Chrome for example and alter the window size until the display format “Breaks” but how do i find out what that display size is please?
Apologies is this is a dead easy thing to do , but i am struggling over this at present.
Thanks for your help?
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Do you mean you view the site in say Safari and move the window narrower till for example the menu breaks and to want to set a breakpoint just before that happens?
I use in Safari the developer tools > right click > inspect element and find and element that span the window width and click metrics. (your mileage in other browsers may vary)
I have a problem that came to light (obviously been there before) with the advent of the iPhone6, in that the subject site breakpoint settings do not work when the site is viewed in Landscape on the 6.
I have been reading some threads including the one at :
And realise that the way i have been selecting breakpoints in incorrect,( i have been setting BP to match certain devices ) however i have a slight issue in that i cannot seem to determine what is the correct breakpoint that i should be using?
I can look at a page using Chrome for example and alter the window size until the display format “Breaks” but how do i find out what that display size is please?
Apologies is this is a dead easy thing to do , but i am struggling over this at present.
Do you mean you view the site in say Safari and move the window narrower till for example the menu breaks and to want to set a breakpoint just before that happens?
David,
Yes i did…
And the tool you suggested is great thank you very much for the help…
Hm - the most robust thing if it comes to “device-testing” is, up to my experience Xcode. The trick here is that I even can inspect and fiddle code (kind of). It’s not the 100% experience, but closest.
But the general point is (water on my mill) that breakpoints are not a device dependent thing (or technical approach) but more a design-requirement.
So my method (and part of my screencasts therefor as well) is:
Think “device-range” rather than “device-specifics”, think “design requirements” rather “technically pixel dimensions”. This will end up (perhaps) in a thing called:
The situation on portrait and landscape shows the same thing, at least most of the time.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
But the general point is (water on my mill) that breakpoints are not a device dependent thing (or technical approach) but more a design-requirement.
Thomas,
Yes fully agree, up to now i had been focusing on “Devices” and seen the error of my ways, and now have to go back and try and redesign a large web site so that it operates more seamlessly across different “window sizes” however this little Safari short cut seems a handy accessible tool just to get some verification of my breakpoint implementation (what ever it turns out to be )
Except it also selects x1, x2, x3 resolutions. Anyone got a retina screen to see what happens with these choices - it’s not obvious using a normal iMac 72” screen here.
…Ooo! it also does spilt screen on the iPad’s.
David Owen { Freeway Friendly Web hosting and Domains }
Except it also selects x1, x2, x3 resolutions. Anyone got a retina screen to see what happens with these choices - it’s not obvious using a normal iMac 72” screen here.
…Ooo! it also does spilt screen on the iPad’s.
David Owen { Freeway Friendly Web hosting and Domains }