2022.07.12 17:16
입력 요소에 폰트 크기 바꿔줘
조회 수 86 추천 수 0 댓글 16
1rem 으로 해줘
안 그럼 아이폰에선 입력 포커스 맞출 때마다 확대 됨
안드로이드는 몰?루
Who's 일립시S
-
그건 전역 설정 건드리는 거라 어떤 결과를 불러올지 알 수가 없는데...
-
그럼 뭘 건드려야 한다는거임?
-
클래스 적당한 이름으로 하나 만들어서 거기에 font-size: 16px !important; 지정하고 필요한 요소에만 해당 클래스를 부여하는 방식으로 해야 부작용이 안 생김.
1rem이 아니라 16px인 이유는 내가 대충 확인을 해 봤는데... css가 전반적으로 뒤죽박죽이라 1rem이 10px로 나와서... 원래 기본값은 16px이어야 함... 찾아보면 미디어 쿼리 1rem !important 지정 되어있는 게 있는데 그걸 16px로 바꾸면 모바일만 적용 될 거임...
진짜 개판이네... 으윽... 너무 시러... -
그러니까 어느 입력란에서 문제라는거임? 검색창? 아니면 댓글 입력창?
-
전반적으로 입력할 수 있는 것들은 모바일에서 죄다 확대 됨.
https://s3.ru.hn/video/compare.webm
제목 칸에는 내가 임의로 16px을 넣은 거고, 출처 칸 같은 경우는 넣지 않은 경우임.
입력칸 대부분의 폰트 사이즈가 16px 이하로 맞춰져있음.
안드는 내가 안 써서 모르겠는데, 아이폰은 16px 보다 낮으면 무조건 확대 될 거임 아마. -
저는 iOS 기기가 없는지라 확인이 불가능한 상황입니다. 참고로 안드로이드는 해당 증상이 전혀 일어나지 않습니다.
-
혹시 에디터 부분도 해당 증상이 재현되나요?
-
텍스트 입력 칸이면 전부 16px 이상이어야 확대가 일어나지 않음.
https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
뷰포트 메타 설정으로도 해결 가능한 거 같긴 한데, 난 폰트 크기 조정을 따로 해본 적이 없어서 잘 몰?루겟음 -
ㅇㅇ 내가 아이폰을 썼다면 어느 부분에서 문제인지 확인하고 해결을 할텐데 아이폰을 안쓰니;;
-
.bd, .bd input, .bd textarea, .bd select, .bd button, .bd table {
font-size: 12px;
line-height: 1.5;
}
게시판 스킨쪽 CSS쪽 이 구문이 문제되는 것 같은데, 일단 이 구문으로 잡았으니까 확인 부탁함.
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) and (max-width: 450px)
{ @supports (-webkit-appearance:none) {
.bd input {
font-size: 16px;
}
}} -
거의 다 고쳐졋는데, 글쓰기 에디터는 여전히 확대 됨. + 댓글 포함
-
에디터도 건드려봤으니 확인해주셈.
-
게시글, 댓글 쓰기는 해결 됨.
대댓글은 여전히 확대 됨. -
대댓글쪽도 확인해주셈.
-
해결 완료 됨
이런식으로 하는거 맞음?