2016-04-08 7 views
0

私はコーディングの初心者ですので、助言や助けがあれば嬉しいです。メインの背景イメージはブラウザでサイズ変更されますが、他のロゴやグラフィック要素では変更されません。ブラウザのサイズが変わったときに、他の画像のサイズを変更してそのままにしておくにはどうしたらいいですか?ブラウザを調整しても画像が表示されないのはなぜですか?

https://f0476ead42deb6e625581792b6fc55aec2b47ff7.googledrive.com/host/0B-QoEzNnMcBDanFlYm5hTDdZUVk

+2

** **あなたの質問を編集し、関連するHTMLとCSSを質問に追加してください。あなたのリンクは数週間または数ヶ月で無効になり、あなたの質問は文脈が失われてから他の人には役に立たないでしょう。 – DarkDust

答えて

0

使用率、VW、VH、VMIN、またはあなたのイメージの位置とサイズに中VMAX:ここ

はリンクです。 vw、ビューポートの幅に比例し、vhはビューポートの高さで、vminはビューポートの幅と高さの最小値で、vmaxはビューポートの幅と高さの最大値でスケールされます。それらはビューポートのサイズに合わせてスケーリングされます。パーセンテージは、格納されているブロックのサイズに比例します。たとえば、あなたの画像の1つ:

#secondharvest { 
    position: absolute; 
    left: 10vw; 
    top: 10vw; 
    z-index: 1; 
    width: 15vw; 
    height: 10vw; 
} 
関連する問題