inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

반응형 질문 드립니다.

해결된 질문

594

박효정

작성한 질문수 9

1

 

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

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

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

jquery HTML/CSS 포트폴리오

답변 1

0

코딩웍스(Coding Works)

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

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

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

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

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

여담이지만...

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

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

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

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

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

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

이쁘네요...~

0

박효정

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

0

코딩웍스(Coding Works)

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

0

박효정

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

0

코딩웍스(Coding Works)

해결되어서 다행이네요~

현재도 float 사용은 중요한가요?

1

212

2

웹 호스팅 후 문제

1

235

1

퍼블리셔 코딩테스트 질문입니다.

1

586

1

feather light

1

248

2

skill 섹션 질문

1

254

1

포트폴리오 홈페이지 제작가이드

2

247

1

iframe 질문입니다.

1

208

1

디자인설정

1

332

1

연봉 질문합니다.

1

891

1

폰트, 이미지? 관련 질문입니다

1

305

1

파일질라 카페24? 관련 질문입니다

1

430

1

면접 복장 질문입니다

1

741

1

도메인 연결 오류

1

358

1

개인 포트폴리오 웹사이트 안에 들어갈 포트폴리오 웹사이트 작업물들

1

479

1

카페24 절약형 관련 질문있습니다

1

869

2

기능정의서 html에 첨부하는 방법/header include

1

621

1

prototype 뜻

1

698

1

폴더구조 질문드립니다.<재업로드>

1

428

1

폴더구조 질문드립니다

1

357

1

개인포토폴리오 해상도문제요..!

1

388

1

구글에 검색했을 때 나오는 포트폴리오

2

408

1

wow.js live option

1

439

1

개인 포트폴리오 홈페이지 만들때 UI 포토샵 디자인

1

530

1

featherlight 연결시 링크된 html이 문제가 있어요 ㅠㅠ

1

311

1