미디어위키:Vector-2022.css

리버티게임(개발), 모두가 만들어가는 자유로운 게임
imported>Hsl0님의 2022년 6월 29일 (수) 04:31 판 (새 문서: @media screen and (max-width: 999px) { →‎추가 스크롤 생성 방지: body { overflow-x: hidden; } .mw-page-container { padding-left: clamp(0px, calc(50vw - 14.6875em), 0.9375em); padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em); min-width: auto; overflow-x: hidden; overflow-y: hidden; } →‎불필요한 여백 제거: .mw-footer-container { padding-top: 0; } .mw-footer-container { padding-bottom: 10px; } } /*...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
둘러보기로 이동 검색으로 이동

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
@media screen and (max-width: 999px) {
	/* 추가 스크롤 생성 방지 */
	body {
	    overflow-x: hidden;
	}
	.mw-page-container {
	    padding-left: clamp(0px, calc(50vw - 14.6875em), 0.9375em);
	    padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em);
	    min-width: auto;
	    overflow-x: hidden;
	    overflow-y: hidden;
	}
	/* 불필요한 여백 제거 */
	.mw-footer-container {
	    padding-top: 0;
	}
	.mw-footer-container {
	    padding-bottom: 10px;
	}
}

/* 반응형 폭 조정 */
.mw-header {
    padding-left: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
    padding-right: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
}
#content, #footer {
    padding-right: clamp(0.5em, calc(50vw - 13.75em), 0.9375em);
    padding-left: clamp(0.5em, calc(50vw - 13.75em), 0.9375em);
}