반응형코딩 오류문제
본문
http://envybyme.cafe24.com/bbs/write.php?bo_table=Reservation&select=2021-03-27&office_no=1
달력폼을이용한 예약 게시판을 사용중
쓰기 php 페이지의 표를 반응형으로 코딩하려합니다.
그런데 디바이스 크기에따라 줄어들다가 일정 크기 이하로는 줄어들지 않는현상이 보여서
어디부분 width 를 수정해야 할지 막혔네요..
상단의 안내문구는 계속 width:100%를 유지하는데
하단의 표는 크기제한이 걸립니다. css봐주실 분 계실까요..ㅠ
답변 2
#mara_view .jobs
width: 280px
input type="text" 의 기본 width
이름/비밀번호가 있는 tr은 최소 170px * 2
수정해야할 부분이 한두군데가 아니라서
아무래도 제작의뢰로 가보시거나 아니면 좀더 삽질을 해보셔야할것 같습니다...ㅠ
우선 미디어쿼리를 이용하셔야하는데 750픽셀로 작업을 하면 될것 같구요..
@media all and (max-width:750px){
}
여기 안에서 #mara_view 에 대한 css를 모두 수정해주시면 될것같습니다.
테이블 반응형처리의 경우 모든 요소를 display:block; 처리해서 작업하실수도 있구요
답변을 작성하시기 전에 로그인 해주세요.