[반응형][HTML] 뷰포트 메타태그로 모바일에서도 폰트크기 제대로 나오게하기
Viewport : 뷰포트 PC에서의 1px과 모바일에서의 1px은 다르다. 모바일은 해상도에 비해 화면크기가 pc보다 작기 때문에, pc에서의 1px을 아무런 설정없이 그대로 쓰면 모바일에서는 너무 작고 얇게 나타나는 경우가 있다.ㅜㅜ 실제로 모바일에서 설정된 px크기는 pc보다는 조금 크고 두꺼운 편. 모바일에 맞게 화면의 px값이나 컨텐츠들을 잘 보일수 있게 대응해주는 태그를 사용해야 하는데, 그게 meta 태그인 view port라는 태그다. 완전 기본 viewport값이다. 여기서는 현재 사용하는 기기에 px 크기 맞추도록 설정되어있고, 기본 배율이 1:1로 지정되어있다. 까지만 설정 된 상태. content=" " 여기사이에 아래에서 사용하는 속성들을 지정 해 사용할 수 있다.width..
퍼블리싱 삽질/반응형 모듈
2017. 9. 14. 13:57