반응형 스킨 만들기 + 미디어 쿼리

Clein8 2018. 12. 22. 21:51

html

<head>
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
</head>

CSS

body {
	-webkit-text-size-adjust: 100%;
}

반응형 웹에서 핵심이라고 할 수 있는.. 미디어 쿼리 입니다. 보통 PC + Mobile 이나, PC + Tablet + Mobile 으로 사용을 많이 하시죠..

그런데 웹사이트 제작자에 따라 미디어 쿼리 해상도는 천차만별입니다. 요즘은 다양한 기기들이 늘어나기도 하고요.. 일단 아이폰의 해상도를 알아보고.. 저만의 쿼리 해상도를 정해 보려고 합니다.

이기적인 저장소