style.css 없이 body에서 직접 코딩하여 반응형 웹 레이아웃 코딩 가능하겠지요?
본문
쇼핑몰 본문을 반응형 웹으로 콘텐츠를 구성 하려다 보니,
div의 style.css 를 사용하면 다른 영역까지 깨지네요. ㅜㅜ
style.css를 안쓰고 body에 직접 코딩하여 아래의 그림처럼
PC와 모바일에 아래 그림처럼 자동, 반응형으로 보이게 하려면 어떻게 코딩해야 하는지,
<div style='float:left'> 으로 사용해도 잘 안되네요.ㅠㅠ
답변 2
반응형 웹을 제작하신다면 직접 일일이 stylesheet를 컨트롤 하는것 보다는 부트스트랩을 이용하시는 것이 편리하실 텐데요.
w3schools 의 bottstrap 튜토리얼을 참고하는 것을 추천합니다.
https://www.w3schools.com/bootstrap/
반응형 웹페이지를 쉽게 구현하도록 해주는 프레임워크인 부트스트랩을 사용하면,
본문의 부분은 다음과 같은 식으로 코딩을 해주면 됩니다.
ex.
<div class="row">
<div class="col-md-6">A</div>
<div class="col-md-6">B</div>
</div>
답변을 작성하시기 전에 로그인 해주세요.