모바일 제작시 해상도 문제
본문
지금 모바일 홈페이지를 만들고 있습니다.
그런데 핸드폰 마다 해상도가 달라서 문제입니다.
div width 를 %로 줄려고 하는데 div 에 테두리를 넣으면 마지막 div 가 아래로 내려 갑니다.
그렇다고 1%식 적게 입력을 하면 전체폭이 딱 맞지가 않아요.....
예를 들어 폭이 300px div 가 있습니다.
그리고 그 안에 div 4개를 만들고 폭 25% 주고 float left 값을 주면 딱 크기가 맞습니다.
그런데 여기서 테두리를 주면 4번쩨 div 가 아래로 내려가네요...
제가 원하는 거는 테두리를 주더라도 해상도와 상관없이 4개의 div가 가지런히 딱 맞게 들어가는거거든요
해결 방법이 없을까요?
답변 2
25% 준 div 안에 다시 한개의 element를 생성하신 뒤 거기에 테두리를 주세요.
모바일 페이지 만들 때 이런 식으로 만드나요?
글쎄요 ^^a
css3에 보면 테두리값을 width에 포함시키는것이 있습니다..
아마 box-sizing:border-box;일거예요..
감사합니다 한번 해볼게요^^
답변을 작성하시기 전에 로그인 해주세요.
