2016-11-28 9 views
0

私は非常に単純なフォトギャラリーサイトを持っています。すべてのページには画像(600×400)または画像スライダーのみが含まれています。私は、スマートフォン/タブレットの風景モードでの自分のウェブサイトの外観やラップトップに問題があります。画像/スライダの下部がちょうど切り落とされるためです。だから、画像全体を見るためにスクロールダウンする必要があります。小さなデバイスで私のデスクトップやポートレートモードでは、それは良いようです。画像/スライダが画面上に小さいサイズで表示されていたので、画像全体を見るためにスクロールする必要はありません。誰かがこれで私を助けることができますか?私はワードプレスで22の子供の題名でこれを造った。スマートフォンとタブレットのレスポンス画像

おかげで、私はスリックカルーセルを使用することをお勧めします ぼんやりとした

答えて

0

。それは簡単なスライダーイニシエータだとあなたの時間と調整の多くを保存します:単一イメージの場合http://kenwheeler.github.io/slick/

には、以下のCSSプロパティを使用します。

max-width: 100%; 
height: auto; 
+0

これは非常に新しい本にイムので、私の最初のウェブサイトです。しかし、どのように私は特定のページをsinlgeイメージでターゲット設定しますか?また、私はメディアクエリが必要ですか?ページ上に – hazy

+0

と書かれていれば、すべてのものが '

...
'にラップされます。よりも、文を '.my-container img {...}'の中に宣言することができます。 'img'クラスにクラスを与え、直接それを使って作業することもできます。 – elicohenator

関連する問題