스마트폰 화면에 맞게 적용 소스 입니다
목향
핸드폰 화면에 적용안되는 워드프레스 테마를 사용해서인지스마트 폰으로 봤을때 한쪽으로 솔리는 형상을 겪은 1인 입니다소스..
-----------------------------------------
meta name=viewport content=width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no/ (이부분을 복사하여 적용하시면 됩니다)
각각의 설정 값과 기본 값은 아래와 같은데 사용자에 따라 최적화된 환경을 제공할 수 있도록 각각의 속성을 설정할 수 있다고 합니다. 저는 위에 기본에서 제 스마트폰 크기에 맞춰 이리저리 늘리고 줄여서사용했습니다...스마트폰 화면에 맞게 나오지 않을때 사용하면 좋을듯합니다
width : 넓이 - device-width | n px (200~10000 px, default 980 px)
height : 높이 - device-height | n px (223~10000 px)
initial-scale : 초기 확대/축소 배율
minimum-scale : 최소 축소 배율 - n (0~10, default 0.25)
maximum-scale : 최대 확대 배율 - n (0~10, default 1.6)
user-scalable : 확대/축소 가능 여부 - yes | no (default yes)
-
뿌우
이 글은 노하우 옮겨주시면 좋겠네요. 좋은 팁 감사합니다 ;)