2019-04-08 (월)

반응형 웹과 적응형 웹의 특징 비교

	반응형 웹	적응형 웹
기기 및 화면 감지 방법	미디어 쿼리로 기기 감지	서버 또는 브라우저에서 기기 감지
템플릿	하나의 템플릿으로 충분	기기마다 다른 템플릿 필요
콘텐츠	모든 콘텐츠 다운로드 필요	기기에 맞는 콘텐츠만 다운로드
로드 속도	로드속도 느림	로드속도 빠름
기존 사이트 존재시	기존 사이트 변경 및 재구축 필요	기존 사이트 변경 없이 구축 가능

https://chaewonkong.github.io/devlog/2019/01/02/responsive-adaptive/

https://nalrarydesigner.tistory.com/entry/%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9%EC%A0%81%EC%9D%91%ED%98%95%EC%9B%B9-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B0

eot 마이크로소프트 ie8

otf 안드로이드 ios

woff 모질라

https://aboooks.tistory.com/153

1. auto

html { -webkit-text-size-adjust: auto; }

화면의 폭에 맞게 텍스트의 크기를 자동으로 조절한다.

자동으로 조절한다는것은 디바이스의 렌더링이 다르다면 다르게 렌더링이 되므로 추천하는 방식은 아니다.

2. none

html { -webkit-text-size-adjust: none; }

텍스트의 크기를 자동으로 조절하지 말라는 뜻이다.

대체적으로 많이 사용하는 방법이다. 일반적으로 body 의 폰트크기를 설정하고 미디어쿼리를 사용하여 좀더 세밀하게 조절해서 사용하고 위의 속성을 사용하여 자동으로 조절하지 못하게한다.

출처: https://demun.tistory.com/2402 [demun(대문블로그)]

font-weight :

normal

보통 폰트 가중치. 400 과 같음.

bold

굵은 폰트 가중치. 700 과 같음.