Hi, What is the best practice to set media queries for real phone size. I am creating my first site, using bootstrap, and I moved the media query ruler down to 540px which is my phones screen size (960 X 540px). When i tested on the actual phone it appeared as if the resolution is lower that 540px - more like 360px. This site : https://mydevice.io/devices/#sortSmartphones offers some info about it. So my question is, how to create a media query, which will handle the "real" pixel size and how can I know this size? Should I create media queried for max-width 540px? How does DW and bootstrap intends to handle portrait orientation assuming the CSS size is smaller than 768px when i use the default break points? I used the default DW break points 768-992-1200 and now I'm afraid these are too large for xs devices. Thank you,
... View more