브라우저 크기에 맞게 jquery를 이용해 중앙 정렬하기
앱이나, 컨텐츠 내용이 작을때, 디바이스크기에 맞게, 브라우저의 크기에 맞게 내용이 중앙 정렬되는 모습을 많이 보셨을 텐데요. 여러 방법이 있지만, 저는 Jquery 와 JavaScript를 섞어?서 구현해 볼까 합니다. 근데, 이게 어떤때는 load 했을때 약간 맞지 않고 resize일땐 맞고, 또 어떨땐 load했을땐 맞고, resize했을땐 안맞고 하더라구요. 원인을 찾으려 노력중입니다 ㅠ 아래에 구현한 것에는 Semantic UI 2.2 버전의 css와 제 reset css를 사용했습니다. See the Pen eyoYzV by jemaime ( @eunjin10914 ) on CodePen .