아이폰, 아이패드 css 틀어짐 채택완료
input 칸이 안드로이드와 아이폰일때 다르게 나옵니다.
pc와 아이패드도 동일하게 나와야 하는데 아이패드 역시 밀려서 나옵니다.
혹시 px로 해서 그런가 해서 각 25% 비율을 줬는데도,
가운데 전화번호 적는 칸이 틀어지네요..
아이폰에 맞추자니 안드로이드에서 너무 한쪽으로 쏠려나옵니다.
(안드로이드)
(아이폰)
제가 만든 소스가 아니라 가로사이즈 수정만 했습니다.
혹시 문제가 되는 부분이 있을까요?
- -
답변 4개
메타 태그는
이렇게 하시면 되고
css 스타일을 모바일, 피씨 하나로 작업하셨다면 반응형웹으로 하시는 건가요?
그렇다면 모바일 화면 css는 미디어쿼리를 적용하셔야 할것 같군요.
@media (min-width:480px) and (max-width:768px) {
body {background: #fff;}
}
댓글을 작성하려면 로그인이 필요합니다.
답변 감사드립니다.
px로 다시 해서 전체 width:320px;에 전화번호칸 각 60px, span 4px로
아이폰에 맞게 임시 수정하니 됩니다..ㅠㅠ 대신 안드로이드 화면에서 지나치게 작게 보이는..
input 상단에 h2로 제목이 있는데 letter-spacing:-1px;도 아이폰은 적용이 안되네요.
padding, margin 다 합쳐도 가로가 300px이 안되는데 어째서 밀리는걸까요.. ㅠㅠ
모바일 화면 시작 코딩은 이렇습니다. 혹시 이부분에서 문제가 있는걸까요?
.
.
.
.
.
.
.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인