애니빌드.LAB
토론방
소스관련 레이아웃 안의 버튼들이 각 기기마다 모바일로 보여질 때 오류가 있습니다. -황금망치
- e**ompy0121
- 2016-09-07 17:08:21
- hit3587
- http://lab.anybuild.co.kr/bbs/qna/6248

5칸 레이아웃으로 만들고 반응형 레이아웃이 아닌 일반형 레이아웃으로 만들었습니다.
모바일로 보여질때 사진에 있는 내용 그대로 기기마다 오류가 있습니다. ㅠㅠ
처음에 만들때 기준은 아이폰+pc 기준으로 만들었는데 안드로이드 폰에서는 사진처럼 나와서
우선 안드로이드 폰에 맞춰서 패딩값을 수정했었는데
그랬더니 아이폰에서 저렇게 나옵니다 ㅠ.ㅠ
일직선으로 매끈하게 나오게 수정 부탁드립니다 ㅠ.ㅠ 감사합니다!
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
수정완료되었습니다.
@ 설명
모바일기기의 폰트에 따라서 '/' 같은 특수문자들의 크기가 달라질 수 있습니다.
현재와 같이 padding 으로 조절하는 대신 height 를 사용해서 일정한 높이갚을 주는것이 좋습니다.
.button_70942_.space_full a {display:block; width:100%; padding:1.05em 1.2em;}
->
.button_70942_.space_full a {display:block; width:100%; padding:15px 5px; height:70px; line-height:20px;}