質問: CSS、JavaScriptでもなんでも使っていいので、これを再現する方法が知りたいです。 JavaScriptを使う場合、できればjQueryを使わないでほしいです。 よろしくお願いします
回答: Twitterっぽくしたいということなので、Twitterがどう実装しているのか参考にしてみる、というのはどうでしょうか。 !イメージ説明 Twitterでは、 * 画像の表示: `background-image` * 画像のフチが切れようとも枠いっぱいに描画する: `background-size: cover` で実現しているようです。 ``` .twitter-card-picture-frame { width: 100%; height: 72%; overflow: hidden; background-size: cover; /* ここから下は必要に応じて記述 */ background-position: center center; background-repeat: no-repeat; } ``` ``` ```