narrow.css 설정

0 투표
133 조회

안녕하세요~!

모바일 버전을 해보려고 하는데

질문있어요

 

이미지처럼

메뉴바 아이콘을 없애고

로고 클릭시

빨간 박스처럼 보였으면 좋겠는데

이경우 어떻게 해야하나요

로고에 메뉴바 연결시키는 방법을 모르겠어요

 

이렇게 설정할 경우

home(main) 카테고리를 추가로 만들어야하나요?

 

그리고 aptana 저장후

모바일에서 새로 고침을 해도 바로 확인이 안되고

한참후에 확인이 되던데..어떻게 하면

바로 확인이 될까요?

요청 : 2017년 10월 30일 미분류 분류 내 작성자 hana423 (220 포인트)

1 개의 답변

0 투표

좁은폭(스마트폰)해상도에서 별도의 메뉴 아이콘이 아닌 로고를 탭 할 경우 숨김 메뉴가 보이도록 하고자 한다면 다음 아래의 링크를 클릭해서 다른 분의 작업 코드를 참고하시길 바랍니다.

http://iny.dothome.co.kr/

링크를 여신 후 모바일 모드로 크롬 웹브라우저 보기를 전환한 다음 로고를 마우스 우측 버튼을 눌러 검사 메뉴를 선택해 보세요.

그러면 마크업을 어떻게 했는지 확인이 될 것입니다. 그리고 크롬 웹브라우저의 개발자 도구의 소스탭 왼쪽 트리의 src 폴더에서 layout-narrow.css 파일을 찾아 관련 CSS 코드를 확인해 보시길 바랍니다.

그래도 이해가 안되면 다시 질문을 주시길 바랍니다.

 

작업중 스마트 기기에서 CSS 작업 결과를 확인해 보고 싶을 때 index.php 코드에서 관련 CSS 파일을 가져오는 link 태그의 src 속성의 경로 값 끝에 '?1' 식으로 붙여주시되 결과를 확인할 때마다 물음표 뒤의 숫자를 바꾸어서 저장한 다음 새로고침후 확인하시면 됩니다. 일테면 아래 처럼 하시면 됩니다.

<link href="/src/layout-narrow.css?1" media="screen and (max-width: 720px)" type="text/css" rel="stylesheet" />

데스크탑에서는 ctrl + F5 를 누르시면 됩니다.

 

답변: 2017년 10월 30일 작성자 qsadmin (2,100 포인트)