Breakpoint preview 
Autor: P. S
Visitado 1160,
Seguidores 1,
Compartilhado 0
Hello,
I am having trouble understanding one of my breakpoints.
"Smartphone - Lower than 480px"
When i look at this in the template content view, and select the 0-480px setting i see the working area as with all the other breakpoints, i organise my content how i want it. But when i then preview the page and select this breakpoint i see a different size, ie. the template appears to be bigger when previewed.
I have to set content to say -35 to get it to appear near the left of the previewed page. If i set 0 the content will be to far in from the left.
I don't get this when working with any other breakpoint.
What am i missing?
Thanks P.S
Publicado em
Since you use the pro version you have the option of creating a new breakpoint. I have found that adding 320 works extremely well, this caters for older or very small mobiles as well as larger mobiles (320-480 works extremely well on my Android). Step 2 resolutions and responsive design.
Working with these resolutions the layout, preview and view on mobile screen works more or less as expected without needing to fudge the content.
Autor
Hello Esahc..
Thankyou for the information. I have the same settings, although i have used 1200 instead of 1150.
I added the 320 breakpoint, but i still don't undersatand what is happening.
In template content view, both the "lower than 320", and "320-480" breakpoints look the same, but they do both now view as expected, i.e. if you set conent to 0 on the left, when previewed it does appear correctly aligned to the left.
Why do i now have two breakpoints that appear the same in template view, but are different in preview view?
Why did adding a 320 breakpoint fix the problem of having smaller template view than preview for the "less than 480" breakpoint?
Thanks
P.S.
P.S
I don't really know. Somewhere here there is a post reply from Incomedia stating that internally WX5 uses 320 for mobile, and I know that my phone displays the 320-480 resolution. Somewhere else there is a post which discusses resolution and absolute pixels on mobiles. Suffice to say, if I add 320 it works better, so if it is not broken I won't fix it :-)
The 100% correct way to do CSS breakpoints. ???
https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862