반응형
2024. 7. 4.
VIEWPORT기본적으로 html에 들어가는 요소이고 content의 넓이를 디바이스의 넓이에 맞춘다고 이야기 해주는것이다. 이것의 크기 비율은 1.0으로 기본적인 요소이다.확대 할떄의 크기를 설정하는것으로 최대 5까지 가능하다 해당 코드는 확대하지 않는다는 의미이다. 그리고 최소 축소 크기도 지정할 수 있는데 해당 코드는 축소하지 않겠다는 뜻으로 늘리거나 줄이지 않겟다는 의미가 된다. 이상태에선 hover는 되지 않는다 스마트폰 모드이기 때문에줄이는건 괜찮지만 늘리는건 늘어나지 않는데 이는 이미지의 크기를 넘어가서 이다. max-wieht 가 이런 성질을 가지고 있다.반응형 작업을 할때는 초기화 작업으로 꼭 img에 max-width를 설정해야하고 본래 작업할때도 이미지를 커다랗게 만들어서 잘리거나 부..
