ie中的角度ui模态答案

【问题标题】：angular ui modal in ieie中的角度ui模态
【发布时间】：2014-04-22 06:54:32
【问题描述】：

我在一个项目中使用 angular ui modal。像模态一样的整个功能在所有浏览器中都可以使用，即使在 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 中不起作用

有没有其他可能让它在 ie 中以不同的方式工作。

非常感谢任何帮助。

【问题讨论】：

标签： angularjs internet-explorer user-interface width

【解决方案1】：

问题在于 IE 无法识别您的 CSS 媒体查询。这是另一个可能对您有所帮助的 StackOverflow 帖子：IE7, IE8 support for css3 media query

【讨论】：

在包含 css3mediaquiries javascript 文件 ..thanksss 后它工作了