0

私はFancybox2を使用しており、次のようなメディアクエリがあります。

@media (max-width : 1200px) {

#columnset1_column1 {
    display: none;
}
#sitelayout6 {
    width: 980px !important;
}
#columnset3 {
    display: block;
}
#columnset2 {
    margin-top: 70px;
}
}

しかし、奇妙なことに、メディアクエリはiframeを表示するライトボックスのときにトリガーされます。表示されるページの幅はわずか700ピクセルです。

これはInternetExplorerでのみ問題であり、Chromeでは問題ではありません。

ウィンドウサイズはどの時点でもサイズ変更されません。

4

1 に答える 1

1

ここで役立つ回答を見つけました： Fancybox 2 Forcing Responsive Media Query in IE

基本的に、iframe で、CSS への参照を更新して、クエリ文字列を含めます...

したがって、親ページには次のものがあります。

<link rel="stylesheet" href="screen.css" />

そしてあなたのiframeには、

<link rel="stylesheet" href="screen.css?iframe=true" />

これは、iframe が親ページの css でメディア クエリをトリガーする原因となっている IE のバグを回避します。

于 2013-01-08T15:56:51.190 に答える