• 카테고리

    질문 & 답변
  • 세부 분야

    취업 · 이직

  • 해결 여부

    해결됨

반응형 질문 드립니다.

22.01.20 15:35 작성 조회수 287

1

 

responsive.css 파일 연결하고  media 768px 반응형 css 작성했는데

창을 축소하면 괜찮지만 개발자도구 -  device tool 에서 확인을 하면  반응형으로 작업한 결과물이 보이지 않습니다..ㅠㅠ

다른 작업물들은 이런문제가 없었는데 .. 제가 뭘 잘못한걸까요 ㅠㅠ 

답변 1

답변을 작성해보세요.

0

이건 효정님이 이상하게 만들어서 그런게 아니구요.

개발자 도구에서 모바일 상태로 볼 때 리프레쉬가 즉각적으로 안되는 경우가 자주 있습니다.

이런 경우 새로고침(F5) 하시면 모바일 상태로 정상적으로 보일거에요.

이 부분은 왜 그런지는 모르겠어요. 크롬브라우저 반응형 전환에서 문제라고 봅니다.

그래서 모바일 퍼블리싱 작업물을 mockup.css 안에 iframe 불러와서 보여주는 이유이기도 합니다.

여담이지만...

단편적인 부분만 봐서 모르겠지만 전체적으로 디자인이 깔끔하게 나온 듯 합니다.

퍼블리셔 취업하려는 분들 개인 포트폴리오 결과물 이런 정도로 세련되게 보여주는 사람 거의 없습니다.

다들 새탭 띄워요. 본인은 이상하지 않겠지만 웹 퍼블리셔 뽑는다는건 UX 전문가를 뽑는거거든요.

새탭 띄우지 않고 효정님처럼 세련되게 보여주는게 경쟁력입니다.

구글에서 웹퍼블리셔 포트폴리오... 이렇게 검색해서 보세요. 다들 뭐 그래요...

모바일 되었을 때 모바일 목업 이미지가 작은데 전체적으로 너비를 크게 보여주면 어떨까요?

이쁘네요...~

박효정님의 프로필

박효정

질문자

2022.01.20

앗..  새로고침도 해보고 리셋도 해봤는데 안되더라구요..ㅠㅠ 다시 한번 확인해볼께요! 추가적으로 말씀해주신 피드백도 참고해서 수정해보겠습니다.  감사합니다아~!

html 문서의 head 사이에 meta 태그에 viewport가 들어가 있나요?

박효정님의 프로필

박효정

질문자

2022.01.20

네! viewport 작성했습니다. 컴터 리부팅하고 파일 새로 저장니까 이제 잘 나오는거 같아요!ㅠㅠ  감사합니다!! 

해결되어서 다행이네요~