An example of Orientation management:

<style type='text/css' media='screen'>

    body[orient="profile"] .container {

        height: 436px;

    }

    

    body[orient="landscape"] .container {

        height: 258px;

    }





<script type="application/x-javascript">

    addEventListener("load", function() { setTimeout(updateLayout, 0); }, false);



    var currentWidth = 0;

    function updateLayout()

    {

        if (window.innerWidth != currentWidth)

        {

            currentWidth = window.innerWidth;



            var orient = currentWidth == 320 ? "profile" : "landscape";

            document.body.setAttribute("orient", orient);

            setTimeout(function() { window.scrollTo(0, 1); }, 100); }

    }

    setInterval(updateLayout, 400);

</script>
Category	Font name	Description	Example