html - 画像をフレームの高さにリサイズ

Question

画面の 10% と言うように、下部にフレームがある Web サイトを作成しています。そのフレームの左側にロゴを入れたい、今までは良かったのですが。

フレームはすべての画面の割合であることを覚えておいてください。次に、画面の大きさ (およびフレームの大きさ) に関係なく、フレームの高さに合わせてロゴ画像のサイズを変更したいと思います。

検索とテストに4時間費やしましたが、成功しませんでした:(

それは可能ですか？どのように ？

Answer 1

これらのスタイルを追加します。

   #yourframe{width:10%; height:20%;}//Your frame
   #yourimage{width:100%; height:100%;}//Your Image