div で画像の適応サイズを実現する Pure js (テスト済み、Firefox と互換性あり)_JavaScript スキル

このコードによって実装された機能は、img イメージのサイズが不明で、div のサイズが不明なときに、img を含む div に遭遇したときに、イメージ自体が小さい場合にイメージをそのサイズに適応させることです。 div コンテナのサイズを超えている場合、処理は行われません。伸ばすと画像が歪む可能性があるためです。

早速、コードに進みましょう。テスト済みで、Firefox、Google、IE6、IE7/8 と互換性があります。

以下は js コードです:

コードをコピーします コードは次のとおりです:

以下は HTML コードです:




コードをコピー


コードは次のとおりです:

以下は CSS コードです: コードをコピーします

コードは次のとおりです:

.sy_pic{ width:200px; height:300px; align:center;}

画像アドレスは自分で変更してください。ご質問やアドバイスがある場合は、QQ グループにご参加ください: 255708401。