채택완료

style.css 없이 body에서 직접 코딩하여 반응형 웹 레이아웃 코딩 가능하겠지요?

2018-01-01 (월) 12:42:19 3,043

쇼핑몰 본문을 반응형 웹으로 콘텐츠를 구성 하려다 보니,

div의 style.css 를 사용하면 다른 영역까지 깨지네요. ㅜㅜ

style.css를 안쓰고 body에 직접 코딩하여 아래의 그림처럼 

PC와 모바일에 아래 그림처럼 자동, 반응형으로 보이게 하려면 어떻게 코딩해야 하는지, 

<div style='float:left'> 으로 사용해도 잘 안되네요.ㅠㅠ

3024413178_1514778118.0381.png

답변 2개

채택된 답변
+20 포인트

반응형 웹을 제작하신다면 직접 일일이 stylesheet를 컨트롤 하는것 보다는 부트스트랩을 이용하시는 것이 편리하실 텐데요.

w3schools 의 bottstrap 튜토리얼을 참고하는 것을 추천합니다. 

https://www.w3schools.com/bootstrap/

반응형 웹페이지를 쉽게 구현하도록 해주는 프레임워크인 부트스트랩을 사용하면,

본문의 부분은 다음과 같은 식으로 코딩을 해주면 됩니다.

ex.

Copy
<div class="row">

  <div class="col-md-6">A</div>

  <div class="col-md-6">B</div>

</div>

답변을 작성하려면 로그인이 필요합니다.