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

모바일 제작시 해상도 문제 채택완료

지금 모바일 홈페이지를 만들고 있습니다.

 

그런데 핸드폰 마다 해상도가 달라서 문제입니다.

 

div width 를 %로 줄려고 하는데 div 에 테두리를 넣으면 마지막 div 가 아래로 내려 갑니다.

 

그렇다고 1%식 적게 입력을 하면 전체폭이 딱 맞지가 않아요.....

 

예를 들어 폭이 300px div 가 있습니다.

 

그리고 그 안에 div 4개를 만들고 폭 25% 주고 float left 값을 주면 딱 크기가 맞습니다.

 

그런데 여기서 테두리를 주면 4번쩨 div 가 아래로 내려가네요...

 

제가 원하는 거는 테두리를 주더라도 해상도와 상관없이 4개의 div가 가지런히 딱 맞게 들어가는거거든요

 

해결 방법이 없을까요?

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

답변 2개

채택된 답변
+20 포인트
25% 준 div 안에 다시 한개의 element를 생성하신 뒤 거기에 테두리를 주세요.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

모바일 페이지 만들 때 이런 식으로 만드나요?
글쎄요 ^^a

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

css3에 보면 테두리값을 width에 포함시키는것이 있습니다..

아마 box-sizing:border-box;일거예요..

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

답변에 대한 댓글 1개

감사합니다 한번 해볼게요^^

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

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

로그인

전체 질문 목록

🐛 버그신고