토론방

소스관련 레이아웃 안의 버튼들이 각 기기마다 모바일로 보여질 때 오류가 있습니다. -황금망치

 

 

5칸 레이아웃으로 만들고 반응형 레이아웃이 아닌 일반형 레이아웃으로 만들었습니다.

모바일로 보여질때 사진에 있는 내용 그대로 기기마다 오류가 있습니다. ㅠㅠ

처음에 만들때 기준은 아이폰+pc 기준으로 만들었는데 안드로이드 폰에서는 사진처럼 나와서

우선 안드로이드 폰에 맞춰서 패딩값을 수정했었는데

그랬더니 아이폰에서 저렇게 나옵니다 ㅠ.ㅠ

일직선으로 매끈하게 나오게 수정 부탁드립니다 ㅠ.ㅠ 감사합니다!

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2016-09-08

    수정완료되었습니다.

     

     

     

    @ 설명

    모바일기기의 폰트에 따라서 '/' 같은 특수문자들의 크기가 달라질 수 있습니다.

    현재와 같이 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;}

댓글작성

열기 닫기

댓글작성
top