[주의!] 문서의 이전 버전(에 수정)을 보고 있습니다. 최신 버전으로 이동
분류
1. 테스트 방법[편집]
SIDE A |
가변폭 48%, PC 환경에서는 좌우폭이 어떤 경우에라도 빈 공간 없이 가장 깔끔하게 가능하나 모바일에서는 B 틀이 아래로 내려갔는데도 찌그러져 버림. (52%여백 발생) |
SIDE B |
SIDE C |
고정폭 400px, 모바일에서는 D틀이 C틀 밑으로 내려감. PC에서는 양쪽정렬 가능, 하지만 좌우 폭이 커질수록 가운데에 빈공간이 생김. (고정폭 1000px 최적화) |
SIDE D |
SIDE E |
고정폭 550px, 모바일에서는 F틀이 E틀 밑으로 내려감. PC 고정폭 1000px에서는 D틀이 C틀 밑으로 내려가는 동시에 각각 틀에 1000px-550px의 여백이 생겨버림. 1280px 에서는 양쪽정렬 가능 |
SIDE F |
SIDE G |
고정폭 700px, 모바일 정상. PC에서는 HD 모니터(가로1280)로는 가로px-700px의 여백이 생김. 가로1920 이상 FHD급 모니터 의 경우 중앙 여백이 상당히 줄어듬. |
SIDE H |
결론
가변폭에서 일정 px 수치 내려가면 자동으로 100%로 변환되는 문법이 필요한 부분이다.