반응형으로 제작한 홈페이지 모바일 해상도질문입니다. 채택완료
생각 없이 디바이스마다 해상도 조절이 자유롭다고해서 반응형으로제작을 하였는데 쓰다보니 배열도 바뀌는 부분때문에 골머리입니다. 단순히 pc버전에서 출력되는 형식이 사이즈만줄어 출력되는줄알았는데
레이아웃이 한줄로 쫙 바꾸네요....
그래서 모바일에서도 pc버전으로 보는것처럼 출력하는게 보기도 편할것같아 pc버전만 사용하게 소스도 수정했는데
define('G5_SET_DEVICE', 'pc');
define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
define('G5_USE_CACHE', true); // 최신글등에 cache 기능 사용 여부
모바일에서 접속하면 여전히 모바일로만 나옵니다. 반응형으로 제작한다고 비용도 더 추가해서했는데
의미가 없어지네요.ㅎㅎ
혹시 모바일에서도 일정해상도로 강제 출력하거나 pc버전으로 볼수있게 하는 방법이 있을까요?
제작자분한테 물어보니 반응형이라 안된다고 하는데 방법을 알고계신다면 꼭 부탁드립니다.
감사합니다.
홈페이지 주소입니다. http://www.sjcase1st.com">www.sjcase1st.com
답변 2개
http://www.sjcase1st.com/css/style.css">http://www.sjcase1st.com/css/style.css 4959줄에
@media only screen and (max-width: 767px) and (min-width: 200px)
.block-content {
display: block;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
margin-bottom: 30px;
}
이런 내용이 있어서 컨텐츠가 한 줄로 나오고 있습니다.
모바일에서도 컴퓨터와 마찮가지의 화면으로 보고 싶으시다면 뷰포트 조절을 해보시는 게 빠를 것 같습니다.
예를 들어, <meta name="viewport" content="width=device-width, initial-scale=0.33, maximum-scale=1.5, minimum-scale=0.33, user-scalable=yes">
이런 방식으로 1보다 작게 기본 스케일을 정해주시면 됩니다.
css 수정으로 모바일을 웹 화면과 같이 보이게 하려면 해야할 작업이 많은 것으로 보입니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
관련 css 부분에
@media only screen and (max-width: 1121px) 이런거나
@media only screen and (min-width:767px) 이런식의 반응형 css가 있을겁니다,. 이런것들을 하나씩 지우면서 확인해보세요
답변에 대한 댓글 1개
핸드폰 인터넷앱에서 pc버전으로 보기 눌려줘야 pc버전 비슷무리하게나오는데 기본적으로 나오면좋겠습니다..
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이렇게해도 차이는없네요.ㅎㅎ