1

Supersizedという jQuery プラグインを使用して、画像を全画面表示しています。

サンプルはこちら (ホームページ) で見ることができます: http://mysampleconcept.com/situs4/

画面を縮小しようとすると、画像のサイズも変更されますが、縮小しすぎて画像の見栄えが悪くなります。

ここでも同じプラグインが使用されています: http://mysampleconcept.com/situs3/ ; ただし、サイズ変更は別の方法で行われるため、画像の比率が崩れることはありません。

両方のサイトのプラグイン設定を比較しようとしましたが、どちらも似ているようです。

CSSで画像の幅と高さを設定しようとし100% !importantましたが、役に立ちませんでした。

同じ動作を実現する方法について何か提案はありますか?

4

3 に答える 3

0

最適な解決策ではありませんが、超サイズの画像にmin-widthとを追加することでこれを解決できましたmin-height

于 2012-08-27T14:51:38.793 に答える
0

この問題は、画像をすべて "max-width:100%" に基づいて実行する一般的な css によるものです。

次のようなものがある場合は、CSSのリセットを確認してください

img { max-width: 100%; }

特大の公式には、ファイル「supersized.3.2.7.js」の解決策があります: https://github.com/buildinternet/supersized/issues/103

公式の解決策に従っても解決できない場合は、これをスーパーサイズの css に追加してみてください。

#supersized img { max-width: none; }

このトリッキーはhttp://blog.valderama.net/node/30によるものです

于 2013-09-15T10:35:40.150 に答える
0

外したところ

#特大画像 {
 幅: 100% !重要;
 高さ: 100% !重要;
}
うまくいくようです。

于 2012-08-20T15:46:59.377 に答える