미디어위키:Mobile.css: 두 판 사이의 차이

← 이전 편집

미디어위키:Mobile.css (원본 보기)

2025년 2월 21일 (금) 18:40 판

107 바이트 제거됨 , 2025년 2월 21일 (금)

편집 요약 없음

WPowner

사무관, 인터페이스 관리자, 관리자

편집

2,621

번

@@ 1번째 줄: / 1번째 줄: @@
 /* 여기의 모든 CSS는 모바일 사이트를 사용하는 사용자에게 로드됩니다 */
-/* mw-collapsible 테이블이 화면을 넘지 않도록 조정 */
+/* 표 전체가 화면을 넘어가지 않도록 설정 */
 .mw-collapsible {
      width: 100% !important;
@@ 10번째 줄: / 12번째 줄: @@
      padding: 10px;
      font-size: 16px;
-     word-wrap: break-word;
+     word-wrap: break-word; /* 줄바꿈 적용 */
-     overflow-wrap: break-word;
+     overflow-wrap: break-word; /* 긴 단어 줄바꿈 */
-    overflow-x: hidden; /* 강제로 가로 스크롤 막음 */
 }
-/* mw-collapsible 내용이 화면을 넘지 않도록 조정 */
+/* 표 내부의 텍스트도 자동 줄바꿈 */
-.mw-collapsible-content {
+.mw-collapsible td, .mw-collapsible th {
-     display: block !important;
+     word-break: break-word; /* 단어가 길면 강제 줄바꿈 */
-     max-width: 100%;
+     white-space: normal !important; /* 텍스트가 잘리지 않고 자동 줄바꿈 */
-     overflow-x: hidden; /* 강제로 가로 스크롤 막음 */
+     overflow-wrap: break-word;
 }
-/* 표 크기 자동 조정 */
+/* <poem> 태그도 줄바꿈 적용 */
-.mw-collapsible table {
-    table-layout: auto; /* 내용에 따라 자동 조정 */
-    width: 100% !important;
-    max-width: 100%;
-    word-break: break-word;
-    overflow-x: auto;
-}
-/* <poem> 태그가 화면을 넘지 않도록 설정 */
 .mw-collapsible poem {
      display: block;
-     white-space: normal !important; /* 강제 줄바꿈 적용 */
+     white-space: normal !important; /* 자동 줄바꿈 */
      word-break: break-word;
-    overflow-wrap: break-word;
 }
-/* 모바일에서 표가 넘칠 경우 대비 */
+/* 모바일 화면에서 표를 넘지 않도록 조정 */
 @media screen and (max-width: 768px) {
      .mw-collapsible {
          display: block !important;
-         overflow-x: hidden;
+         overflow-x: hidden; /* 강제로 가로 스크롤 막음 */
      }
      .mw-collapsible table {
          display: block;
-         overflow-x: auto;
+         width: 100%;
-         white-space: normal;
+        table-layout: fixed; /* 표 크기를 강제로 맞춤 */
+         word-break: break-word;
      }
 }