私は可変サイズのロゴがあります。私はauto
の幅50px
の同じ高さにそれらすべてを設定している:高さは固定されていますが、反応する画像
.img-logo {
width: auto;
height: 50px;
}
ウィンドウのサイズが変更されるまで、これが正常に動作します。ウィンドウのサイズが変更されると、より広いロゴがコンテナの外側に流れます。
ロゴをコンテナの幅に合わせて縮小したいと思います。私は、最大幅でこれを達成しようとしている:
.img-logo {
max-width: 100%;
width: auto;
height: 50px;
}
これは動作しますが、アスペクト比が高さプロパティ残りは50pxのために危険にさらされています。
アイデア?
アスペクトラジオサイズの画像を切り抜いてください – iyyappan
その分の高さを試してください。 –