0

別のブラウザーで次のリンクを確認してください: http://www.northeastern.edu/sds/web/demos/demos_climate_prec_001.shtml

左の表の最初のオプション (左上) をクリックします (iframe が開きます)。

  • Chrome では、サムネイルの行が下部に表示され (これは予想どおりです)、それらをクリックして元のサイズを表示できます。

  • ただし、Firefox と IE では動作が異なり、写真は元のサイズで表示されます。

どうすればこの問題を解決できますか? 手伝ってくれてどうもありがとう。

4

1 に答える 1

0

私は間違いなくあなたの問題を見ることができます。Chrome とは異なり、IE 8 と 9 で試してみました。両方とも、サムネイルではなくフルサイズの画像を表示します。

img1 つの解決策は、タグにクラスを追加し、そこで画像のサイズを変更することです。IE 8 と 9 で試したところ、これで問題ないように見えました。

CSS (ヘッダーの bootstrap.css の後のファイルに配置するか、scriptタグを使用して頭の中で宣言します):

.myThumbnail {
    width:224px;
    height:147px;
}

img次に、各タグにmyThumbnailクラスが含まれるように HTML を変更します。

これが理想的な解決策ではないことはわかっていますが、うまくいきます。

于 2013-06-20T19:29:28.460 に答える