mirror of
https://github.com/headporter81/specialsource-homepage-frontend.git
synced 2026-08-08 15:21:11 +09:00
This commit is contained in:
+20
-17
@@ -558,31 +558,34 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
|
|||||||
.project-grid { grid-template-columns: 1fr; }
|
.project-grid { grid-template-columns: 1fr; }
|
||||||
.auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
|
.auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
|
||||||
|
|
||||||
/* 🟢 [NEW] 갤럭시 S24 맞춤형 아스키 전광판 컨테이너 조율 */
|
/* 🟢 [스크롤 100% 복구] 원래 있던 가로 스크롤바를 강제 활성화하고 부드러운 터치 적용 */
|
||||||
.ascii-container {
|
.ascii-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px; /* 👈 축소된 아스키 아트 높이에 맞게 영역 고정 */
|
overflow-x: auto !important; /* 👈 가로 스크롤 무조건 부활 */
|
||||||
display: flex;
|
overflow-y: hidden !important;
|
||||||
justify-content: center;
|
padding: 15px 5px;
|
||||||
align-items: center;
|
display: block;
|
||||||
overflow: hidden; /* 👈 불필요한 스크롤바 방지 */
|
box-sizing: border-box;
|
||||||
padding: 0;
|
-webkit-overflow-scrolling: touch; /* 👈 모바일에서 스크롤을 부드럽게 슥슥 넘기게 만듦 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 🟢 [NEW] 최소 폰트 크기 제한 및 공백 깨짐을 원천 차단하는 크기 오버라이딩 */
|
/* 🟢 [갤럭시 S24 타겟팅] 폰트 강제 확대 버그를 찢어버리는 치트키 */
|
||||||
.ascii-art {
|
.ascii-art {
|
||||||
font-size: 14px !important; /* 👈 데스크톱 가독성 비율(14px)을 그대로 유지하여 공백 깨짐 방지 */
|
font-size: 11px !important; /* 👈 가로 스크롤로 편하게 볼 수 있는 최적의 모바일 가독성 크기 */
|
||||||
line-height: 1.2 !important;
|
line-height: 1.25 !important;
|
||||||
|
white-space: pre !important; /* 👈 어떤 일이 있어도 줄바꿈 절대 금지 */
|
||||||
|
word-break: keep-all !important;
|
||||||
|
width: max-content !important; /* 👈 아스키 아트 고유 가로폭 절대 보존 */
|
||||||
|
margin: 0 !important; /* 👈 왼쪽 정렬로 스크롤 시작점 고정 */
|
||||||
|
transform: none !important; /* 👈 문제 많던 scale 옵션 완전 제거 */
|
||||||
|
|
||||||
/* 🌟 핵심: 모바일 브라우저의 폰트 제한 시스템을 무시하고, 전체 레이아웃을 비율대로 압축 */
|
/* 🌟 [핵심] 안드로이드 크롬/삼성인터넷의 폰트 부스팅(글자 크기 제멋대로 키우기) 차단 */
|
||||||
transform: scale(0.52) !important;
|
-webkit-text-size-adjust: none !important;
|
||||||
transform-origin: center center;
|
text-size-adjust: none !important;
|
||||||
|
max-height: 999999px !important; /* 👈 크롬 엔진의 텍스트 오토사이징을 무력화하는 인프라 꼼수 */
|
||||||
white-space: pre !important;
|
|
||||||
width: max-content !important;
|
|
||||||
margin: 0 auto !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
|
@keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
|
||||||
|
|
||||||
/* 일회성 사이버 글리치 키프레임 */
|
/* 일회성 사이버 글리치 키프레임 */
|
||||||
|
|||||||
Reference in New Issue
Block a user