메뉴 건너뛰기

이미지+제목+내용형

참고해야 할 사이트
사이트 제작에서 주의해야 할 부분이 있다면 기록해 주십시오.
브라우져 호환성체크와 웹표준 준수로 최선을 다하겠습니다.
글 작성후 하단의 비밀체크는 꼭 해주세요.
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print 수정 삭제
Extra Form

Doorweb basic을 사용 중입니다. 아직 비공개 사이트라 링크를 걸어둘 수는 없지만, 한가지 궁금한 점이 있어서 질문을 남깁니다.


일반적으로 반응형 웹사이트에서는 viewport 가 있는 메타태그를 변경하여 기기에 맞는 해상도를 보여주는 것이 아니라 그 보다도 더 큰 해상도를 보여줄 수 있는 것으로 알고 있습니다.


아이패드에서 가로모드는 모바일 메뉴로 접근하였을 때는 큰 화면이 조금 아까워서 PC화면처럼 보이게 하고 싶습니다.


일단 CSS 파일을 임의로 조정하여 상단 메뉴가 보이는 해상도를 1020으로 변경해서 실제로 아이패드로 확인해보면 상단 바가 반만 보이는 현상이 일어납니다.


태블릿에서도 PC화면과 동일한 화면을 구성하려면 어디를 수정해야 하나요?


수고하세요.^^

?
  • ?
    DoorWeb 2015.03.03 11:53
    증상파악이 잘 안되어서 답변 드리기가..
  • ?
    다이오니 2015.03.03 15:15
    사이트 오픈 하였습니다. http://www.alliis.com

    요지는 해상도에 따라서 레이아웃이 변경되는 반응형 레이아웃의 특성상 모바일화면에서는 PC화면처럼 보기가 힘듭니다. 모바일 환경에서 가독성이 조금 떨어지더라도 PC버전 보기가 있었으면 하는데 그 방법을 여쭤본겁니다.

    제가 알고 있는 방법으로는 html을 사용하는 일반적인 웹 환경이라면 viewport를 일부 수정해서 변경을 하였지만, XE가 되니 어디를 변경해야 할지 잘 모르겠습니다.

    PC 버전으로 보려면 어떤 방법을 취해야 할까요?
  • ?
    DoorWeb 2015.03.03 15:44
    일반적으로 미디어쿼리라고 해서 브라우져 넓이에 맞게 css를 조절하는 방식으로 사용하는데요.
    css 폴더안에 layout.css가 있습니다.

    여기 보시면 265라인에
    @media screen and (max-width:1060px){

    이 부분이 보이는데 이 부분의 값을 변동시켜 보십시오.
  • ?
    다이오니 2015.03.03 16:14 Files첨부 (1)
    네. 그 값을 아이패드 가로 화면인 1020px 기준으로 변경을 해서 가로 버전 화면에서는 PC 화면처럼 나오는 것을 확인했습니다.
    하지만, 화면을 아래로 스크롤 하면 상단바의 메뉴가 반 정도 가려집니다. 이게 레이아웃에서 모바일로 인식하고 상단바가 크기가 제한이 되서 반만보여지는 현상 같습니다.
    지금 아이패드를 캡쳐할 만한 상황이 아니라서 어떻게 나오는지 예를 들어 보여드리면 이렇습니다.
    K-12.jpg



  • ?
    니는 뜬데이 2015.03.28 16:37 SECRET

    "비밀글입니다."


List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 SNS 로그인은 꺼 두십시오. DoorWeb 2016.05.04 382
공지 이미지 등록 안되는 해결책이 있습니다. 2 장폴 2015.05.26 462
공지 메인의 위젯과 슬라이드가 서브에도 노출될때 4 file DoorWeb 2014.12.20 747
519 메뉴를 다음과 같이 할 수 있을까요? 2 file 탱큐입니다 2014.09.04 460
518 메인페이지 위젯 3개 말고 아래로 한줄 더 추가 할수있을까요? feriel 2014.08.29 460
517 모바일에서 2차 메뉴를 다 펼쳐놓게 하고 싶은데요.. 2 낭자님 2014.09.05 459
516 hover 포커스색깔은 어느부분에서바꾸나요? 1 현님 2014.08.29 456
515 본문에 배경색을 지정하면 삐져(?) 나옵니다. ^^;;; 2 file 낭자님 2014.09.04 451
514 잘 사용하고있습니다 ^^ (+질문) 2 file 뿡뿡이 2014.07.11 445
513 홈페이지 각각의 서브내용콘텐츠 부분 수정가능한가요? 1 초보 2014.08.29 444
512 게시판생성 질문드립니다. 1 file 이용자 2014.08.06 441
511 친절한 답변 감사드리며 한가지만 더 질문드립니다. 1 오준석 2014.07.13 416
510 서브헤더에 타이틀색은 어떻게 바꾸나요? 1 bbq 2014.08.21 416
509 서브가 안나오는데요 ㅠ 1 이용자 2014.08.14 411
508 서브페이지 목록이 뜨질 않습니다. 2 도어님짱 2014.08.20 409
507 푸터부분 임의수정 관련질문드립니다. 1 현님 2014.08.22 402
506 문의드립니다.. 1 Aha 2014.08.05 385
» Doorweb basic 사용중에 viewport 변경을 해서 PC화면처럼 보이게끔 하고 싶습니다. 5 다이오니 2015.03.01 342
504 요기 질문 드려 죄송합니다. 폰트 크기는 어떻게 하나요? 2 마래바 2015.03.17 235
503 레이아웃 질문입니다. 1 file 대한천자 2015.03.04 223
502 질문드립니다.(현제에 사용되는 "한 아이의 아버지로..." 라는 레이어팝업창은 어디서 설정하나요 ?) 2 퇴원 2014.09.26 205
Board Pagination ‹ Prev 1 2 3 4 5 6 7 8 9 10 ... 29 Next ›
/ 29

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

닫기