모바일 글씨 및 화면이 너무 작은 것에 대해(캡쳐 첨부)
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
우하하님 말씀대로 레이아웃상에서 해결되는 수준으로 보입니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 | 장애 발생시 비상 연락처 [12] | 우하하 | 2017.11.15 | 5285 |
| 269 | 언젠가 나 혼자라는 | 파도양 | 2018.08.02 | 177 |
| 268 | 이 눈물 나는 세상에서 | 파도양 | 2018.08.02 | 307 |
| 267 | 햇살처럼 따뜻함을 | 파도양 | 2018.08.01 | 230 |
| 266 | 널 사랑한다 | 파도양 | 2018.08.01 | 204 |
| 265 | 꽃이 꽃보다 더 아름다이 | 파도양 | 2018.08.01 | 125 |
| 264 | 잊기에 충분한 | 파도양 | 2018.08.01 | 126 |
| 263 | 행복해진다는 것 | 파도양 | 2018.08.01 | 151 |
| 262 | 우리 모두 잊혀진 | 파도양 | 2018.07.31 | 270 |
| 261 | 그대의 눈빛에서 | 파도양 | 2018.07.31 | 158 |
| 260 | 쉽게 꿈꾸지 말고 | 파도양 | 2018.07.31 | 150 |
| 259 | 개여울 | 파도양 | 2018.07.31 | 188 |
| 258 | 그대와 함께 미소짓는 | 파도양 | 2018.07.31 | 305 |
| 257 | 노래를 부르는 사람 | 파도양 | 2018.07.31 | 318 |
| 256 | 차가워져 버린 | 파도양 | 2018.07.30 | 256 |
| 255 | 내 마음 속을 파고드는 | 파도양 | 2018.07.30 | 325 |
| 254 | 우리에겐 약속이 | 파도양 | 2018.07.30 | 176 |
| 253 | 날이 저물기 전에 | 파도양 | 2018.07.30 | 264 |
| 252 | 사랑하지 마세요 | 파도양 | 2018.07.30 | 313 |
| 251 | 희망으로 가득해 | 파도양 | 2018.07.29 | 281 |
| 250 | 아름다운 사람이 | 파도양 | 2018.07.29 | 322 |
확대하면 자동으로 폰트와 테두리가 반응형처럼 바뀌면 좋은데
그렇지가 못하다보니 글씨 확대해서 보랴, 다시 줄인 뒤 대화창 클릭해서 글쓰랴 불편하네요.
아예 대화창 자체가 작다면 모를까, 대화창이 너무 멀리 떨어져 있다보니...
uha.php에서 코드를 넣어서 모바일의 경우 화면 확대를 할 수 있는 방법 같은 것은 없을까요?
폰트 크기와 대화창 크기를 변경할 수 있다던가.
현재의 우하하 채팅창은 투명도만 설정 가능하고,
폰트 크기나 대화창 크기를 변경할 수 없어서...ㅠ