angular ui modal in ie

Question

我在一个项目中使用角ui模态。整个功能，如与模态工作在所有的浏览器，甚至在ie。宽度，我指定的模态体在chrome,mozilla和safari工作良好，但它不工作在ie(该模态是采取整个屏幕尺寸的宽度通过屏幕扩展)。怎么做

这是我的html

<script type="text/ng-template" id="exitApp.html">
        <div class="modal-header" >
            <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12- col-xs-12">
                        <div class="row" >
                            <div class="col-lg-2 col-md-3 col-sm-3 col-xs-3">
                                <span>
                                    <img class="img-responsive" src="images/ic_launcher.png" alt=""  height="91" width="101" style="margin-left:2%"> 
                                </span>
                            </div>
                            <div class="col-md-2 " "><span ><h2 >Appetite</h2></span></div> 
                        </div>  
                    </div>
                </div>
        </div>
        <div class="modal-body">
            <div class="ddpanel" style="margin-left:7%;" >
                    <h2 >Do you wish to exit from the application ?</h2>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary"  ng-click="ok()">yes</button>
            <button class="btn btn-primary"  ng-click="cancel()">No</button>
        </div>
</script>

我刚刚根据我的要求改变了模态对话框的宽度和其他一些样式

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 35%;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

35%的宽度在ie中不起作用

是否有其他的可能使它以不同的方式工作?

Answer 1

问题是IE不识别您的CSS媒体查询。这是另一个StackOverflow的帖子，可能会帮助你:IE7, IE8支持css3媒体查询