我正在使用 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" >
这个作品完美。