반응형 작업 질문입니다.
본문
안녕하세요
초보 포론트앤드 개발자입니다.
제가 그누보드5를 기반으로 반응형 홈페이지 작업을 진행중인데요
지금은 pc버전을 어느정도 마치고 반응형 작업에 들어갔습니다
css에서 미디어쿼리로 작업 중인데요
한가지 에러가 있어서 작업이 더이상 진행이 되지않아 질문드리게 되었습니다.
문제는 mobile기기를 뭘로 바꿔도 전체 width값이 980px에서 더이상 떨어지지가 않습니다.
뷰포트도 사용해봤고요...
그래서 ipadPro 기준까지는 볼만한데 그 밑으로 내려가면 기본 너비가 980px로 잡혀져서
피시버전을 보는 듯한 느낌이 납니다
어느 부분을 수정해야 반응형 작업을 할 수 있을까요?
답변 2
PC 브라우저로 모바일 웹페이지에 접속해서 관리자 도구로 영향받는 CSS를 찾아보세요.
찾아본다는게 하나씩 다 찍어보면서 width:980px 걸려있는걸 찾으라는 뜻인가요?
크롬 브라우저로 예로 들자면 관리자 도구로 상단 <body> 부터 한 줄씩 엘리먼트 찍어보면 width가 적용된 영역 금방 찾습니다. 10초도 안걸려요.
안그래도 다 찍어봤는데 css에는 980px이란게 전혀 없습니다
근데 position에는 980px이 되어져 있네여ㅜㅜㅜ
홈페이지 주소를 알려주시면 확인해드리겠습니다;;
http://pilatesfit.co.kr/incruit/
입니다....
부탁드릴게요 정말 다음 진도로 나가고 싶어요ㅜㅜ
우선 현재 뷰포트가 빠져있네요.
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=no">
.......하ㅜㅜㅜㅜㅜㅜ
저 계속 테마 쓰면서 테마에 안넣고 엄한데다가 뷰포트 넣고 안된다고 찡찡거렸네요ㅜㅜㅜ
감사합니다
