메뉴 건너뛰기

이미지+제목+내용형

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

단축키

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
541 doorweb basic 레이아웃에 관한 질문드려요~ 2 file 파워뭉치 2015.02.09 158
540 doorweb basic 레이아웃에 대한 질문입니다. 파워돌 2015.06.04 85
» Doorweb basic 사용중에 viewport 변경을 해서 PC화면처럼 보이게끔 하고 싶습니다. 5 다이오니 2015.03.01 342
538 doorweb basic레이아웃 문의드립니다. 2 secret 속빈강정 2015.03.21 2
537 Doorweb basic레이아웃/게시판 글쓸때 <ol><li><ul>태그가 안먹히는 증상 문의드립니다. 1 file 무기차 2016.11.29 132
536 DoorWeb 광고배치 관련 문의드립니다. 1 secret 재크D 2016.04.13 1
535 DoorWeb 광고배치 문의드립니다. secret 재크D 2016.04.15 0
534 DoorWeb 레이아웃 B 수정문의 secret Henry 2019.12.25 2
533 doorweb 레이아웃 사용중입니다. secret dothes 2014.10.26 1
532 Doorweb 메인페이지 위젯 기능 추가문의 및 견적 1 secret CZ19 2015.10.13 1
531 DoorWeb 질문드립니다. 1 재크D 2016.03.10 79
530 DoorWeb 질문드립니다. 1 secret 재크 2016.03.08 2
529 DoorWeb 질문드립니다. secret 재크D 2016.03.21 0
528 DoorWeb 질문드립니다. - 2차 secret 재크D 2016.03.15 1
527 DoorWeb 회사용 레이아웃 A 모바일 화면에서 pc 보기를 할때 6 file 궁금이 2016.03.04 147
526 doorweb_basic 레이아웃의 로그인창에 관련해서 질문드릴게요. 1 secret NH 2016.03.29 1
525 doorweb_v4 레이아웃 v1.7 문의 드립니다. 2 file 강이윤 2016.02.10 99
524 doorweb_v4 레이아웃 로고 주소 secret 박후일 2015.12.12 0
523 doorweb_v4 레이아웃 문의 드립니다. 1 secret 박진국 2016.02.24 2
522 DoorWeb가변형 모바일 화면 질문. 1 태그 2015.04.06 156
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

닫기