편집 요약 없음 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 3개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
{{namucat|김찬/제작한 틀|문법 편의 틀}} | {{namucat|김찬/제작한 틀|문법 편의 틀}} | ||
{{틀 도움}} | {{틀 도움}} | ||
{{넘겨주기|틀=.|너비 맞춤}} | |||
<onlyinclude><includeonly><div style="max-height: 0; user-select: none; pointer-events: none;">[[파일:빈 가로 이미지.png|1000px|link=]]</div></includeonly></onlyinclude> | <onlyinclude><includeonly><div style="max-height: 0; user-select: none; pointer-events: none;">[[파일:빈 가로 이미지.png|1000px|link=]]</div></includeonly></onlyinclude> | ||
'''{{++5|{{++5|이거 진짜 필요없는 틀이었습니다.}}}}'''<br> | |||
그냥 max-width 입력한 표에 width를 100%로 추가 입력하면 되는 거였더라고요... | |||
완전히 삭제하려 했지만 {{틀|종족}}처럼 여전히 쓰이는 부분이 있어서 남겨는 두겠습니다. | |||
{{folding|title=[ 틀 내용 펼치기 · 접기 ]|div=off}} | |||
== 설명 == | == 설명 == | ||
테이블의 너비가 500px, 800px 등 모바일의 화면비를 넘어갈 때 PC에서는 너비 그대로 보이고 모바일에서는 화면을 넘어가지 않고 100% 너비로 보이게 하는 틀입니다. | 테이블의 너비가 500px, 800px 등 모바일의 화면비를 넘어갈 때 PC에서는 너비 그대로 보이고 모바일에서는 화면을 넘어가지 않고 100% 너비로 보이게 하는 틀입니다. | ||
12번째 줄: | 19번째 줄: | ||
아래는 예시입니다. PC와 모바일 환경 모두에서 차이를 확인해 주세요. | 아래는 예시입니다. PC와 모바일 환경 모두에서 차이를 확인해 주세요. | ||
{|class="wikitable" style="width: 500px; border: 2px solid black; text-align: center;" | {|class="wikitable" style="width: 500px; border: 2px solid var(--black--white--switcher); text-align: center;" | ||
|+틀 사용 X, 너비 width | |+틀 사용 X, 너비 width | ||
|- | |- | ||
|모바일에서 테이블이 화면을 넘어갑니다. | |모바일에서 테이블이 화면을 넘어갑니다. | ||
|} | |} | ||
{|class="wikitable" style="max-width: 500px; border: 2px solid black; text-align: center;" | {|class="wikitable" style="max-width: 500px; border: 2px solid var(--black--white--switcher); text-align: center;" | ||
|+틀 사용 O, 너비 max-width | |+틀 사용 O, 너비 max-width | ||
|- | |- | ||
24번째 줄: | 31번째 줄: | ||
== 둘러보기 == | == 둘러보기 == | ||
{{김찬 제작 틀}} | {{김찬 제작 틀}}{{folding끝}} |