私は fancyBox 2.1.4 と jQuery 1.9.1 を使用しています。このファンシーボックスを IE 10.0.9200 で表示すると、このボックスが圧縮されて表示されます。しかし、クロムでは完璧なサイズで表示されています。
この 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" >
完璧に機能します。