테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

반응형코딩 오류문제 채택완료

dfadfadf22 4년 전 조회 2,857
답변 2
목록

http://envybyme.cafe24.com/bbs/write.php?bo_table=Reservation&select=2021-03-27&office_no=1

 

달력폼을이용한 예약 게시판을 사용중

쓰기 php 페이지의 표를 반응형으로 코딩하려합니다.

그런데 디바이스 크기에따라 줄어들다가 일정 크기 이하로는 줄어들지 않는현상이 보여서

어디부분 width 를 수정해야 할지 막혔네요..

 

 

상단의 안내문구는 계속 width:100%를 유지하는데

하단의 표는 크기제한이 걸립니다. css봐주실 분 계실까요..ㅠ

#그누보드5 #반응형
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
Big1
Big1
4년 전

#mara_view .jobs 

width: 280px 

input type="text" 의 기본 width

이름/비밀번호가 있는 tr은 최소 170px * 2 

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

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

조

수정해야할 부분이 한두군데가 아니라서

아무래도 제작의뢰로 가보시거나 아니면 좀더 삽질을 해보셔야할것 같습니다...ㅠ

 

우선 미디어쿼리를 이용하셔야하는데 750픽셀로 작업을 하면 될것 같구요..

@media all and (max-width:750px){

}

여기 안에서 #mara_view 에 대한 css를 모두 수정해주시면 될것같습니다.

테이블 반응형처리의 경우 모든 요소를 display:block; 처리해서 작업하실수도 있구요

 

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

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

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

로그인