본문으로 이동

사용자:Lunaris/common.css

ianwiki
Lunaris (토론 | 기여)님의 2026년 10월 19일 (월) 15:03 판 (새 문서: →모바일에서 PC용 벡터 스킨을 볼 때 화면 깨짐 보정: @media screen and (max-width: 980px) { →본문 영역을 모바일 폭에 맞춤: #content { margin-left: 0 !important; padding: 1em !important; font-size: 110% !important; } →좌우 밀림을 방지하기 위해 가로스크롤 허용 및 박스 크기 고정: table, .mw-body, #bodyContent { max-width: 100% !important; box-sizing: border-...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

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

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
/* 모바일에서 PC용 벡터 스킨을 볼 때 화면 깨짐 보정 */
@media screen and (max-width: 980px) {
    /* 본문 영역을 모바일 폭에 맞춤 */
    #content {
        margin-left: 0 !important;
        padding: 1em !important;
        font-size: 110% !important;
    }
    /* 좌우 밀림을 방지하기 위해 가로스크롤 허용 및 박스 크기 고정 */
    table, .mw-body, #bodyContent {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 환경설정 등 복잡한 테이블의 텍스트 줄바꿈 허용 */
    .mw-htmlform-matrix, fieldset {
        display: block !important;
        width: 100% !important;
    }
}