프린시플 포트폴리오 - 일반 사이트 반응형 개조샘플

스크린 사이즈에 자동으로 사이트가 모양 및 사이즈가 변경되는 반응형웹으로

익히 알려져 있는 부트스트랩등을 쓰지않고 필요한 부분만 변경한 작업

- 커스텀 리스폰시브웹 (Custom Responsive Web) -

부트스트랩을 쓰려면 부트스트랩의 구조에 맞춰 코딩을 처음부터 다시해야하는 경우도 있기 때문이기도 하고

사용하지 않는 부분들까지 같이 가져오기 때문에 원하는 기능만을 쓰기위해 제작되었습니다.

모바일 예제 : 가로 사이즈 360 (갤럭시폰 등)

_____

모바일 예제 가로 사이즈 768(아이패드 미니 등)

___

모바일 예제 - 가로 사이즈 1024 (아이패드 등)

___

피씨예제 - 가로사이즈 1280 (넷북 등)

___

피씨예제 - 가로사이즈 1680 이상 (대형 모니터)

______________________________

(피씨 모니터에서 브라우저 폭(가로크기)를 천천히 줄여 가면서 보면 사이트가 변경되는 것을 볼 수 있습니다. )

일반 사이트 반응형 개조샘플