2017-01-21 13 views
0

javascriptでユーザーの画面サイズを検出し、画面全体に合わせて画像のサイズを変更したいが、ユーザーは下にスクロールしてより多くのコンテンツを見ることができる。私はほとんどこれを達成するためにCSSを使用する方法を知っているJavascript - 画像を画面サイズに合わせる

position: fixed; /* or position: absolute; */ 
min-height: 100% 
min-width: 100% 
margin: 0 auto; 
padding: 0; 

画像が画面全体に合わせて、私はスクロールすることはできません。


私がしようとしていることの例については、下のリンクをご覧ください。画像が画面にどのようにフィットするかを確認し、下にスクロールしてより多くのコンテンツを表示できます。それが私がやろうとしていることです。あまりにも、実際にあなたがスクロールしているが、あなたのイメージをスクロール:理由は「定位置」のだ

https://pixelgrade.com/demos/themes/?product=mies

+0

幅のみを指定してください。スクロールしたい場合、またはJavaScriptを使用して少し複雑にする必要がある場合は、何もできません。それは可能ですが、私は恐れてCSSを使用するだけではありません。たとえば、JSが有効になっている場合、100%のバックグラウンドサイズで固定して表示することができます。 – Codebeat

答えて

1

。試して "位置:絶対;"

+0

しかし、最小幅は100%なので、それでも画面全体をカバーします –

+1

画像よりも大きいz-インデックスを持つセクションを追加することはありますか? –

関連する問題