fancyBox 2.1.4:IE和Chrome的大小不同?

时间:2013-07-02 20:24:42

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

我正在使用fancyBox 2.1.4和jQuery 1.9.1。当我在IE 10.0.9200上显示这个fancybox时,它会以压缩方式显示此框。但在铬合金中它显示出完美的尺寸。

我正在使用这个MVC4项目。

IE 10.0(缩小)

enter image description here

Chrome(完美)

enter image description here

的fancybox

@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" >之后,这非常有效。

1 个答案:

答案 0 :(得分:0)

添加<meta http-equiv="X-UA-Compatible" content="IE=edge" >之后,这非常有效。