묻고답하기
홈페이지 제작시 화면 비율에 대해
2015.04.16 10:12
안녕하세요~
홈페이지를 이번에 리뉴얼을 하고 있는데요, 1920x1080 모니터 해상도가 우리나라 사용자들이
가장 많이 쓰는 해상도로 알고 있습니다, 물론 저도 그렇게 쓰고 있구요~
그런데, 이번에 새로 만드는 홈페이지가 네이버나 다음 같은 익숙한 홈페이지보다 디자인 영역 비율이
너무 15~20% 까지 폭 비율이 넓어 보입니다.
게시판에 글을 쓸때도 영역이 너무 넓어서 700픽셀 사진을 첨부하면 아래처럼 이런게 글자와 사진이 배열이
일정하게 보이는게 아니고,
아래 그림처럼 이런식으로 보인답니다.
이게 제 모니터 해상도 1920 비율에 맞춰있어 그렇다고 하는데, 네이버나 다음이나 왠만한 사이트는 제대로 보이는데
왜 새로 만든 홈페이지만 이렇게 제작하냐고 하니 최신 모듈로 4가지 버전을 지원하며 요즘 추세가 2560인가 하는 추세라서
그 기준으로 맞춘거다고 하네요~
전문가님들의 조언좀 간곡히 부탁드립니다.
댓글 7
-
한꼬마
2015.04.16 16:25
-
shaaa
2015.04.16 16:36
반응형입니다.
-
한꼬마
2015.04.16 16:45
그럼 원하시는 해상도를 media로 처리해 주시면 해상도 마다 처리가 가능합니다.반응형이라면 max 와 min처리만해서 추가로 가능합니다.
-
부산민지아빠
2015.04.16 16:31
말씀데로 반응형으로 제작하면 그나마 괜찮고요..
사이트를 제작할 때 원하는 container 사이즈를 만들어서 가운데로 정렬시키면 해상도에 관계없이 가운데로 나오니까 그것도 괜찮은 방법이고요...
-
shaaa
2015.04.16 16:35
반응형이구요~
2560 이상은 보이는데 이상없이 잘보입니다.
문제는 가장 많은 비율인 1920 인데, 이 비율에서 게시판 텍스트가 너무 오른쪽으로 많이 넘어갑니다.
700 픽셀 사진에 맞추다 보니 텍스트와 이미지가 어색하네요 , 정열이 보기 안좋게 보여서 이부분때문에
조언을 구한겁니다.
말씀 하신대로라면 게시판만 일정 크기로 해달라고 해볼까요?
-
부산민지아빠
2015.04.16 16:40
그럼.. 미디어 크기 1920px 일때 반응하는 css를 만들어서 보기좋게 각 요소들을 조정해 달라고 하면 되지 않을까요?
-
DoorWeb
2015.04.16 19:00
이 경우 이미지 700px이 최우선이 되어야 한다면 2580이니 1920이니 그런거 다 포기하시고 본문의 넓이가 700에 맞게 잡아 달라고 하시면 대략 900~980 사이로 해서 잡아 주실겁니다.
아님 2580이니 1920이니 이런게 우선시 되어야 한다면 이미지를 더 큰거 올리시고요.
제작자에게 어떤 큰 이미지라도 본문 넓이에 맞게 잡히도록 해 달라고 하면 해 줄겁니다.
css를 반응형으로 맞추면 왠만큼 지원 가능합니다. 반응형 웹으로 잘 맞추시면 문제 없을겁니다.