Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    <script type='text/javascript'>
        function customResize(){
            if ($(window).width() < 1000) {
                $("#login").load('/Account/Register.cshtml');

            }
            else {
                $("#login").load('/Account/Login.cshtml');
            }
        }

        function onLoad(){
            window.onresize = myFunction;
        }

        function myFunction() {
            var w = window.outerWidth;
            var h = window.outerHeight;
            var txt = "Window size: width=" + w + ", height=" + h;
            document.getElementById("login").innerHTML = txt;
        }
    </script>
</head>

<body onload="onLoad">
    <b>@Request.Browser.ScreenPixelsWidth</b>

<div id='login'>
    <b>@Request.Browser.ScreenPixelsWidth</b>

</div>


        <div class="container body-content">
            @RenderBody()
            <hr />
            <footer>
                <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
            </footer>
        </div>

        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @RenderSection("scripts", required: false)
</body>
</html>