はてなブログ「一覧形式」の画像を美しく並べる トップページの表示形式を「一覧形式」に変更しますと、archiveページと同様の表示になり、画像は中央から 500px四方にトリミングされたサムネイルが 120px四方に縮小表示されます。その画像をオリジナルのものに代える方法は「はてなブログ「一覧形式」の画像をオリジナルのものに変える」に書きましたが、それらサイズの異なった画像を揃えて並べる方法です。 縦横比を保持したまま画像を拡大縮小する方法object-fit を使って画像の縦横比を固定する方法 01縦横比を保持したまま画像を拡大縮小する方法 はてなブログの「一覧形式」では、次のように、画像は空の div の background に貼り付けて CSS でサイズ指定をしています。以下、説明のためにタイトルや日時は削除してあります。 <a href="記事URL" class="entry-
