답답해서 적어봅니다....
들어온지 한달반정도 됬는데...
사수가 없어요...
근데 나름 큰 규모의 회사 메인페이지를 디자인+퍼블리싱하게 됬습니다.
근데 문제는..반응형을 할 줄 알아야되는데.....저는 1도 모릅니다.
책을 사둔게 있긴한데....당장 담주부터 시작이라.......
뭘 어디서 어떻게 공부해야될지 모르겟어요..
구글링을 열심히 하고 있긴 한데.......봐도
까막눈처럼 뭔말인지 모르겠고.....하...............
지금도 야근중인데...답이 안나와요............
반응형은 사이즈별로 디자인도 다른거 같던데........
하........................도와달라할 사람도 없고....
목표가 정해지면 열심히 달리기라도 할텐데...
이건 뭐..... 깜깜한 동굴 속을 헤메는 기분이라....
시간은 가고.... 진전은 없고
답답해서.... 적어봅니다................
3일연휴인데...연휴같지가 않네요....
답변 8개
원래 PC에 맞춘 퍼블리싱을 하실 줄 아신다면, 반응형은 쉽게말해서 정해진 값이 없는 퍼블리싱을 하신다고 생각하시면 될거같아요. 예를들어서 pc에서 컨텐츠 영역을 width:1200px; 으로 사용했었다면, 반응형으로 만드려면 width:100%; max-width:1200px; 으로 사용하는 식으로요. pc에서는 max-width로 주고, 1200보다 해상도가 낮아지면 자동으로 100% 차게 되는거죠. ul li같은 경우에는 pc에서는 float:left; width: 33.3333% 이런식으로 줬었다면, 모바일에서 보일때를 수정한다면 @media all and (max-width:768){} 이 사에이 float:none; width:100% 이런식으로 주면 됩니다. 저 {} 사이가 768px 보다 해상도가 작아질경우 적용되는거구요. max-width로 쓰면은 기존에 media query 쓰지 않았던 부분의 css +max-width 안의 css 가 모두 적용되는 형식입니다. 디자인은 흔히 아시는 박스 모델을 주로 사용할수 밖에 없습니다 솔직히... 반응형이라는거 자체가 한정된 디자인을 할수 밖에 없더라구요 ㅠㅠ 저도 처음 학원에서 시작할때는 pc에 맞춘 홈페이지만 제작하다가 당장 회사 처음 들어갔을때부터 반응형을 하라해서 조금 힘들었지만, 저는 따로 공부하거나 하진 않고 다른사람의 소스를 참고하거나 하였습니다!
답변을 작성하려면 로그인이 필요합니다.