모바일 글씨 및 화면이 너무 작은 것에 대해(캡쳐 첨부)
2015.12.24 17:01
이게 모바일 화면인데 제 폰이 갤럭시S3인데 화면 크기가 이렇게 작게 뜹니다.
글씨폰트가 거의 개미만합니다.
컴퓨터로 치면 글씨 크기가 에디터의 글씨 크기 5정도라고 보면 됩니다.(이곳의 에디터는 최하가 8인데 그것보다 더 작습니다)
댓글 5
-
라디카
2015.12.24 17:08
-
우하하
2015.12.24 18:40
자료 제공 감사합니다. 문제를 고쳐보겠습니다. (시간은 조금 걸릴 수 있습니다)
그런데 저 채팅창 화면이 회원님 사이트에 적용했을 때의 화면인가요?
그렇다면 채팅창을 넣은 곳의 객체의 width를 작게 설정해주시면 임시로 간단하게 해결될 것 같습니다.
예를 들어서 채팅방 스크립트를 <div>에다 넣었다면, div의 width를 400px 정도로 작게 설정하는 것입니다.
채팅방 너비가 부모객체 너비의 100%로 설정되어 있기 때문에, 부모객체 너비가 1600px 등 너무 넓게 지정되어 있으면, 모바일에서는 화면 전체를 표시하기 위해서 저렇게 작게 나오는 것 같습니다.
-
라디카
2015.12.24 21:56
사이트에 붙여넣은 것은 적당합니다.물론 이것도 글씨가 좀 작긴 합니다. 하지만 컴퓨터는 화면이 큰데다 작은 창모드로 만들어 집어넣으니까 대화창이 적당히 작아지더군요.
문제는 모바일입니다.
모바일에는 따로 창크기를 설정해줄 수도 없고, 폰트 크기가 너무 작게 나옵니다. 글씨를 볼 수가 없어요.
-
우하하
2015.12.25 14:54
글자 크기를 조절하는 기능을 추가하는 데는 시간이 걸리므로 다른 해결방법을 먼저 말씀드립니다.
첨부한 파일을 확인해보세요.
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
위 태그를 <head>사이에 넣으면 가로 크기가 딱 맞게 되고 글자도 커집니다.
그리고 <style>태그 안에 있는 내용은 세로폭을 기기 세로폭에 고정시키는 소스입니다. (#chat_test 이름은 상황에 맞추어 알맞게 변경)
-
이온디
2015.12.26 02:33
우하하님 말씀대로 레이아웃상에서 해결되는 수준으로 보입니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 | 장애 발생시 비상 연락처 [11] | 우하하 | 2017.11.15 | 3841 |
| 190 | 어느 모퉁이에서 | 파도양 | 2018.07.18 | 101 |
| 189 | 그대여, 나의 천사여 | 파도양 | 2018.07.17 | 120 |
| 188 | 산산이 부서지는 | 파도양 | 2018.07.17 | 100 |
| 187 | 지금 사랑을 | 파도양 | 2018.07.17 | 79 |
| 186 | 그대가 만약 | 파도양 | 2018.07.17 | 92 |
| 185 | 촛불 | 파도양 | 2018.07.17 | 114 |
| 184 | 내 눈에서 흐르는 | 파도양 | 2018.07.17 | 122 |
| 183 | 마음은 잊어라 하는데 | 파도양 | 2018.07.17 | 88 |
| 182 | 사랑 표현 | 파도양 | 2018.07.16 | 87 |
| 181 | 처음 그날처럼 | 파도양 | 2018.07.16 | 75 |
| 180 | 해질녘 노을을 | 파도양 | 2018.07.16 | 93 |
| 179 | 언제나 당신있어서 | 파도양 | 2018.07.16 | 103 |
| 178 | 바람처럼 살포시 | 파도양 | 2018.07.16 | 126 |
| 177 | 누구에게 들킬까 | 파도양 | 2018.07.16 | 80 |
| 176 | 생각하면 너와 나의 사랑 | 파도양 | 2018.07.16 | 86 |
| 175 | 저 하늘에 높이 | 파도양 | 2018.07.16 | 113 |
| 174 | 언제나 한결같이 | 파도양 | 2018.07.15 | 92 |
| 173 | 그대의 네 번째 손가락은 | 파도양 | 2018.07.15 | 78 |
| 172 | 그 사람과 | 파도양 | 2018.07.15 | 100 |
| 171 | 보고파도 볼 수 없다는 | 파도양 | 2018.07.15 | 131 |
확대하면 자동으로 폰트와 테두리가 반응형처럼 바뀌면 좋은데
그렇지가 못하다보니 글씨 확대해서 보랴, 다시 줄인 뒤 대화창 클릭해서 글쓰랴 불편하네요.
아예 대화창 자체가 작다면 모를까, 대화창이 너무 멀리 떨어져 있다보니...
uha.php에서 코드를 넣어서 모바일의 경우 화면 확대를 할 수 있는 방법 같은 것은 없을까요?
폰트 크기와 대화창 크기를 변경할 수 있다던가.
현재의 우하하 채팅창은 투명도만 설정 가능하고,
폰트 크기나 대화창 크기를 변경할 수 없어서...ㅠ