How are media queries handled TN-Q16

SortSite runs the DOM and CSS cascade on a 1024 x 768 viewport. This affects responsive pages using media queries to modify display for smaller / larger displays.

Common desktop viewport sizes we see on www.powermapper.com are:

• 1920 x 1080 (25% of traffic)
• 1366 x 768 (21% of traffic)
• 1440 x 900 (8% of traffic)
• 1024 x 768 (3% of traffic)

Some CSS problems are always flagged if they’re detected in the CSS file. For example:

@media all and (max-width: 435px)
{
    p.fail
    {
        /* this always flags a contrast problem */
        color: ghostwhite;
        background-color: white;

        /* this always flags content that doesn't work in all screen readers */
        content: "Mobile";
    }
} 

Applies To: SortSite 5.0 or later and OnDemand Suite

Last Reviewed: Jan 11, 2017