참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 여기의 모든 CSS는 모바일 사이트를 사용하는 사용자에게 로드됩니다 */
/* 모바일에서 표는 가로 스크롤 허용 + 글자/간격 개선 */
.content table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
}
.content table th,
.content table td {
padding: 8px 10px;
white-space: nowrap;
}
/* 모바일 전용: 본문 가독성 */
.content {
line-height: 1.6;
font-size: 16px;
}
/* (다크모드에서) 표 테두리/배경 대비가 너무 죽으면 이걸로 완화 */
@media (prefers-color-scheme: dark) {
.content table,
.content table th,
.content table td {
border-color: rgba(255,255,255,0.15);
}
}