r25
| 1 | [include(틀:A위키 연습장/설명문서)] |
|---|
r8
| 2 | [include(틀:A위키 연습장)] |
|---|
r28
| 3 | [[분류:A위키 연습장]] |
|---|
r37
| 4 | ## 여기서부터 연습장입니다. 상부 양식을 임의로 수정하시면 문서 훼손으로 간주될 수 있습니다. |
|---|
| 5 | |
|---|
| 6 | |
|---|
r41
| 7 | ||<table width=48%><bgcolor=#DDDDDD><table align=right> {{{+1 SIDE A}}} || |
|---|
r45
| 8 | ||<height=300px> 가변폭 48%, PC 환경에서는 좌우폭이 어떤 경우에라도 빈 공간 없이 가장 깔끔하게 가능하나 모바일에서는 B 틀이 아래로 내려갔는데도 |
|---|
| 9 | 찌그러져 버림. (52%여백 발생)|| |
|---|
r38
| 10 | |
|---|
r41
| 11 | ||<table width=48%><bgcolor=#DDDDDD> {{{+1 SIDE B}}} || |
|---|
r40
| 12 | ||<height=400px> || |
|---|
| 13 | |
|---|
| 14 | |
|---|
| 15 | |
|---|
| 16 | |
|---|
| 17 | |
|---|
| 18 | |
|---|
| 19 | |
|---|
| 20 | |
|---|
| 21 | |
|---|
| 22 | |
|---|
r42
| 23 | ||<table width=400px><bgcolor=#DDDDDD><table align=right> {{{+1 SIDE C}}} || |
|---|
r44
| 24 | ||<height=300px> 고정폭 400px, 모바일에서는 D틀이 C틀 밑으로 내려감. PC에서는 양쪽정렬 가능, 하지만 좌우 폭이 커질수록 가운데에 빈공간이 생김. (고정폭 1000px 최적화) || |
|---|
r40
| 25 | |
|---|
r42
| 26 | ||<table width=400px><bgcolor=#DDDDDD> {{{+1 SIDE D}}} || |
|---|
| 27 | ||<height=400px> || |
|---|
| 28 | |
|---|
| 29 | |
|---|
| 30 | |
|---|
| 31 | |
|---|
| 32 | |
|---|
r43
| 33 | ||<table width=550px><bgcolor=#DDDDDD><table align=right> {{{+1 SIDE E}}} || |
|---|
r44
| 34 | ||<height=300px> 고정폭 550px, 모바일에서는 F틀이 E틀 밑으로 내려감. PC 고정폭 1000px에서는 D틀이 C틀 밑으로 내려가는 동시에 각각 틀에 1000px-550px의 여백이 생겨버림. 1280px 에서는 |
|---|
| 35 | 양쪽정렬 가능 || |
|---|
r42
| 36 | |
|---|
r43
| 37 | ||<table width=550px><bgcolor=#DDDDDD> {{{+1 SIDE F}}} || |
|---|
r44
| 38 | ||<height=400px> || |
|---|
| 39 | |
|---|
| 40 | |
|---|
| 41 | |
|---|
| 42 | ||<table width=700px><bgcolor=#DDDDDD><table align=right> {{{+1 SIDE G}}} || |
|---|
| 43 | ||<height=300px> 고정폭 700px, 모바일 정상. PC에서는 HD 모니터(가로1280)로는 가로px-700px의 여백이 생김. 가로1920 이상 FHD급 모니터 의 경우 중앙 여백이 상당히 줄어듬. || |
|---|
| 44 | |
|---|
| 45 | ||<table width=700px><bgcolor=#DDDDDD> {{{+1 SIDE H}}} || |
|---|
| 46 | ||<height=400px> || |
|---|
| 47 | |
|---|
| 48 | |
|---|
| 49 | {{{+1 결론}}} |
|---|
| 50 | 가변폭에서 일정 px 수치 내려가면 자동으로 100%로 변환되는 문법이 필요한 부분이다. |
|---|