Is the scrollbar width included or excluded from the displayed mobile screen width? Can I be sure that the responsive breakpoints are applied as per my intentions or should I rethink my media queries?
Is this or that resolution important for me for testing website responsiveness? With other words, is what I can see on a particular resolution a common case or an edge case; how much effort shall I put into fixing the anomalies, if any?
Does the correction I applied within particular media queries, e.g. for tablet portrait view, modify the style on the following media queries as well? Do I need to make additional corrections on them?
Are the results displayed standard resolutions or high resolutions are also applied (@2x, @3x…), so can I be sure that this or that graphic is sized correctly and won’t look weird on a device, with UHD screen resolution?
Auto detects the scrollbar width of the device used for testing the responsiveness of a website and excluding it from the mobile screen width to prevent altering the application of the breakpoints. Although, for bigger devices and on certain operation systems, including the scrollbar is necessary to get an accurate picture, so that setting is customizable.
Lists the devices by their brand name accompanied with their screen resolution. Also indicating their market share to show which are the most used ones; hence, the most important ones to test website responsiveness.
Automatically apply the high resolution displays (@2x, @3x…) while keeping the real physical device size, so what is e.g. 10" in the real life will be 10" on the responsiveness test device (close to 10" to be precise, as the actual size depends on the pixel size of the device we are testing on), even if it’s a @3x retina ready display.
Show the website responsiveness test result in a horizontal viewport for quick scanning, making it immediately visible how a modification in the stylesheet would affect the different media queries. You can check (with the help of the Console) within which media query shall the modification be put in to achieve the expected result.
- auto scrollbar
- most used devices
- retina ready
- panorama view