테스트 사이트 - 개발 중인 베타 버전입니다

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

cityman 7년 전 조회 2,674

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

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

 

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

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

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

 

 

 

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

답변 2개

채택된 답변
+20 포인트
p
7년 전

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

로그인 후 평가할 수 있습니다

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

7년 전

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

 

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

 

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

 

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

 

ex.

</p>

<p><div class="row"></p>

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

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

<p></div></p>

<p>

로그인 후 평가할 수 있습니다

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

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

로그인