c# - IE 解像度の問題

Question

これが私が投稿して答えを得た質問です。

https://stackoverflow.com/questions/17780797/set-contents-of-page-according-to-browser-resolution

すべてが Firefox と chrome で正常に動作していますが、必要なのは IE で動作する必要があることです。しかし、常にキャプチャの下に QR コードが表示されます。これが私のコードを変更したものです。

  <div style="border: 1px solid lightgrey; border-radius: 10px 10px 10px 10px; width: 825px">
        <ul id="holder" style="display:inline-block; list-style-type: none;">

             <li style="display:inline-block; list-style-type: none">
                <div class="captcha" >
                    @Html.Captcha("Refresh", "Enter Captcha", 5, "Is required field.", true)<div style="color: Red;">@TempData["ErrorMessage"]</div>
                </div>
            </li>

            <li style="display:inline-block; list-style-type: none;">
                <div id="qrcode" class="qrcode">
                    <img src="@Url.Action("QrCode", "Qr", new { url = Model.ShortUrl })"  onclick="AppendURL('@this.Model.ShortUrl')"/>
                </div>
            </li>

        </ul>
    </div>

そしてJSコードは次のとおりです。

  window.onresize = getWindowWidthHeight;
window.onload = getWindowWidthHeight;
function getWindowWidthHeight(event) {

    var width = window.innerWidth;
    var height = window.innerHeight;
   // alert(width);
    //alert( $(window).width());
    var firstLi = document.getElementById('holder').children[0];
    if (width > 600) {
        firstLi.style.display = 'inline-block';
    } else {
        firstLi.style.display = 'list-item';
    }
};

よろしくお願いします。よろしくお願いします。