https://wittazzurri.com/404.html
----------
----------
1. 원하는 이미지를 만들어서 이미지경로 부분만 바꿔치기 합니다.
2. 이미지 사이즈는 아무래도 상관이 없습니다.
3. 언제나 이미지가 정중앙의 반응형으로 기능합니다.
4. 모바일에서 메뉴 때문에 생기는 스크롤이 무력화 됩니다.
5. 메타태그는 넣고 싶으면 넣어주세요^^
----------
[code]
<!DOCTYPE html>
<html lang="ko">
<head>
<title>[ 404 ERROR PAGE ]</title>
</head>
<style>
body { margin:0px; display:flex; justify-content:center; align-items:center; width:100%; }
img { display:block; max-width:100%; max-height:100%; object-fit:cover; }
</style>
<body>
<img src="이미지경로">
<script>
addEventListener("resize", bodySize = function() {
document.querySelector("body").style.height = innerHeight * 0.99 + "px";
} );
bodySize();
</script>
</body>
</html>
[/code]
댓글 23개
게시글 목록
| 번호 | 제목 |
|---|---|
| 24318 | |
| 24317 | |
| 24315 | |
| 24309 | |
| 24294 | |
| 24293 | |
| 24277 | |
| 24262 | |
| 24260 | |
| 24253 | |
| 24251 | |
| 24236 | |
| 24233 | |
| 24228 | |
| 24226 | |
| 24221 | |
| 24214 | |
| 24203 | |
| 24201 | |
| 24199 | |
| 24196 | |
| 24195 | |
| 24194 | |
| 24192 | |
| 24191 | |
| 24187 | |
| 24185 | |
| 24183 | |
| 24172 | |
| 24168 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기