画像をブラウザの全画面埋める(CSS)

Last Updated:2023年07月16日| | コメントを残す

画像を歪めることなく画像にブラウザの画面を埋める方法はいくつかあります。 以下は、画像を画面の水平方向と垂直方向の中央に配置し、画面全体を埋めるための簡単なCSSコードです。

요소명 {
max-width: 100%;
max-height: 100%;
bottom: 0;
left: 0;
margin: auto;
overflow: auto;
position: fixed;
right: 0;
top: 0;
}
// Source: stackoverflow

ブラウザの画面サイズを変更すると、自動的に画像が歪むことなく調整されます。 上記のコード WordPressのフロントスライドに応用してもうまく動作しますね(状況によって異なる場合があります)。 そして この記事では、jQueryを使用してフルページバックグラウンドを作成する方法について説明していますので、参考にしてください。

メモ:


コメントを残す

コメント