fancyBox 2.1.4：IE 和 Chrome 的大小不同？答案

【问题标题】：fancyBox 2.1.4: different size in IE and Chrome?fancyBox 2.1.4：IE 和 Chrome 的大小不同？
【发布时间】：2013-07-02 20:24:41
【问题描述】：

我正在使用 fancyBox 2.1.4 和 jQuery 1.9.1。当我在 IE 10.0.9200 上显示这个花式框时，它会以压缩的形式显示这个框。但在 chrome 中，它以完美的尺寸显示。

我正在使用这个 MVC4 项目。

IE 10.0（缩小版）

铬（完美）

花式盒

@section Scripts {    
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/Bootstrap")     
@Styles.Render("~/Content/DataTables/css")
@Scripts.Render("~/bundles/DataTables") 
@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/fancybox")
@Styles.Render("~/Content/jquery.fancybox.css")
<script type="text/javascript">
  function display_dialog(id, name, custNo) {
        $.fancybox.open({
            href: 'Member/Details/' + custNo,
            type: 'ajax',
            padding: 5,
            openEffect: 'fade',
            openSpeed: 'normal',
            closeEffect: 'elastic',
            closeSpeed: 'slow',
            title: 'Details for: ' + name,
            mimWidth: 'auto',
            mimHeight: 'auto',
            helpers: {
                title: {
                    type: 'float'
                }
            }
        });
    }

</script>
}

更新

在添加<meta http-equiv="X-UA-Compatible" content="IE=edge" > 后，效果完美。

【问题讨论】：

我敢打赌这是因为你没有正确的DOCTYPE 并且 IE 正在切换到怪癖模式
可能只是一个错字，但您尝试过 minWidth 而不是 mimWidth？
@JFK <!DOCTYPE html> 在_layout.cshtml 页面下声明。也许你是对的，一些页面的 CSS 很奇怪，Chrome 看起来不错。如何解决这个问题？
@JFK ，你是对的。我刚刚添加了<meta http-equiv="X-UA-Compatible" content="IE=edge" >，效果很好。谢谢

标签： jquery asp.net-mvc-4 jquery-plugins fancybox

【解决方案1】：

在添加 <meta http-equiv="X-UA-Compatible" content="IE=edge" > 之后，这很完美。

【讨论】：