캐머런 상품 Q&A
2015.02.15 22:52
화면해상도에 관계없이 일정한 화면으로 볼 수 있게 할수없는지요
댓글 3
| 페이지 URL | http://www.juicelab.co.kr |
|---|---|
| 답변 알림 이메일 | felexh@naver.com |
슬라이드 레이아웃을 사용해서 홈페이지 제작중인데
모니터 해상도에 따라서 너무나도 다른 출력물이라서 상당히 당황스러운 상태입니다.
슬라이더 이미지도 해상도에 따라서 많이 바뀌고
타이틀 1, 2도 역시 같은 현상이 나타나는데
해상도에 관계없이 일정한 출력물을 나타내고 싶은데 어떻게 해야 되는지 알고 싶습니다.
-
![[레벨:8]](https://www.cameron.co.kr/modules/point/icons/cameron/8.gif "레벨8 -")
캐머런 2015.02.16 01:06
-
?
![[레벨:1]](https://www.cameron.co.kr/modules/point/icons/cameron/1.gif "레벨1 - 다음 레벨까지 24% 남음")
남짱 2015.02.16 10:19
슬라이드 이미지가 해상도에 맞게 변형되지 않는것 같습니다. 현재 23인치, 19인치, 17인치, 15인치에서 각각 홈페이지를 접속해봤는데
슬라이드 이미지 전체화면이 잘려서 나옵니다. (19인치, 15인치),이미지 크기는 1440x900이 가장 좋은건지요?
타이틀 1,2를 해상도에 상관없이 일정한 위치에 놓을수는 없는지요?
처음해보는 웹사이트 제작이라 모르는게 많습니다 ㅜㅜ -
캐머런 2015.02.16 13:35
네에~
슬라이드 이미지가 가로세로 비율에 맞게금 크기가 변형되는데요, 비율이 맞을 때까지만 줄고 비율이 틀어지면 잘리겠금 되어 있습니다.
23인치 이하에서는 이미지 세로크기가 작아져 흰공백이 생기기 때문에 자동으로 오른쪽이 짤리겠금 된 것이죠.
레이아웃 설정(슬라이더가 있는) - 사용자CSS에 다음을 붙여넣기 해보세요.
#stage-visual .visual > li{background-size:100% auto !important}
그러면, 이미지가 줄어드는 대신에 아래에 공백이 생기는 문제가 있습니다.
선택하실 문제세요~
1440x900이 가장 적당한데 세로크기를 조정하셔서 1440x1440 으로 하시면 오른쪽에 흰 여백이 생길 것 같네요.
타이틀 1,2는 해상도에 상관없이 일정한 위치에 놓으시려면
Top, Left 를 수치로 입력하세요. 위에서 몇, 왼쪽에서 몇 이렇게 하셔야 그 수치대로 고정됩니다.
만일 center로 입력하시게 되면 해상도에 따라 center 를 맞추느라 위치가 변하겠죠~
이해하신다면 충분히 가능하십니다.^^
안녕하세요, 캐머런입니다.^^
반응형에서 일반으로 바꾸려면 레이아웃 구조를 바꿔야 하는 많은 수정이 필요합니다.
어쩌면, 새로 레이아웃을 제작하는 것이 나을 수도 있습니다.
소스를 수정하는 것은 템플릿 특성상 지원사항이 아닌 점 양해 부탁드립니다.
스테이지 레이아웃은 데모페이지를 살펴보셔서 아시겠지만 해상도에 맞게 변형되는 반응형 레이아웃입니다.
슬라이드 이미지가 어떻게 표현되길 원하시는지 자세히 알려주시면 혹시나 현재도 해결 가능한지 여부를 다시 알려드리겠습니다.
하지만, 배경이미지는 스테이지 뿐만 아니라 모든 레이아웃이 이미지가 해상도에 맞게 작아지거나 아니면 지금처럼 잘리거나 하는 방법을 사용합니다.
타이틀 1, 2는 좌표값이라 해상도가 변해도 고정된 값이며, 모바일 정도로 작아졌을 때 좌표는 따로 설정이 가능합니다.
타이틀 1,2도 어떻게 표현되길 원하시는지 말씀해 주시면 마찬가지로 현재 설정으로 가능한지 여부를 답변드리겠습니다.
감사합니다.^^