Question

I have a client who is on a budget and cannot afford for me to build responsive site using CCS Media Queries, so I want to build a mini site that its liquid and is redirected to when the screen res is < a certain resolution.

What’s the best practice?

Kind Regards, Brad

Answer 1

You can use window.screen to get the resolution of the screen.

window.screen documentation

You can check the width and do the redirect accordingly.

<script type="text/javascript">        
        if (window.screen.availablewidth < 1000)
        {
            window.location.href = "http://sizeForSmallRez";
        }
        else
        {
            window.location.href = "http://siteForLargeRez";
        }
</script>

​
Here is a fiddle example (this example uses jquery)