반응형테마에 최대사이즈 고정 채택완료
반응형테마를 사용중인데요.
모바일에 최적화 되어 있어서요. PC에서 너무 가로폭이 커지면 보기가 어렵습니다.
그래서, 가로폭의 최대크기를 800픽셀로 한정하려고 하는데, 어떻게 적용해야 할까요?
또한 PC에서 봤을때 최대 800픽셀 가운데 정렬로 보이게 하고 싶습니다.
max-width 를 써서 몇번 시도해 봤는데, 전체 영역에 적용되지 않고,
제한된 영역에만 적용이 되어서요.
전체 페이지가 최대 800픽셀 내에서 가운데정렬로 보이게 하려면 스타일을 어떻게
적용해야 할지 문의드립니다.
답변 4개
@media screen and (min-width: 1200px){
body{
width: 800px !important;
left:0; right:0;
margin:auto;
}
}
이런식으로 미디어쿼리로 일정창 크기 이상 시 크기를 조정해주시면 될 듯 합니다
댓글을 작성하려면 로그인이 필요합니다.
#wrapper {
display:flex;
flex-direction: column;
align-items: center;
}
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인