728x90
반응형
안녕하세요. 플입니다.
오늘은 뷰포트를 설정해보겠습니다.
1. 뷰포트(viewport)
<meta name="viewport" content="width=device-width initial scale 1.0">
뷰포트는 모바일 화면을 위해 꼭 필요한 태그입니다.
뷰포트를 설정 안 했을 때 화면입니다.
뷰포트를 설정했을 때 화면입니다.
어떤 차이가 있는지 확실히 느껴지시죠?
2. 뷰포트 설정
<meta name="viewport" content="width=device-width initial scale 1.0">위에도 같은 코드를 적었는데요 이 메타태그를 <head> 태그 안에 넣어주시면 설정 완료입니다.
저렇게 메타태그를 넣어줍니다.
그럼 이만.
총총.
300x250
반응형
'coding > html + css' 카테고리의 다른 글
| [html] id / class 구분 (0) | 2020.02.12 |
|---|---|
| [html] 의미 없는 문장 채우기 (0) | 2020.02.10 |
| [css] z-index (6) | 2020.01.02 |
| [css] 레이어 설정 (0) | 2020.01.01 |
| [html] 뷰포트 설정하기 (10) | 2019.12.23 |
| [css] 첫 번째 태그 선택하기 (0) | 2019.12.19 |
| [css] display를 이용한 가운데정렬 (0) | 2019.12.18 |
| [css] 가로 세로 크기 정하기 (0) | 2019.12.16 |
| [html] 태블릿 사이즈 설정하기 (0) | 2019.12.13 |
좋은 정보 공유감사합니다
저도 사용할때 도움받을께요
잘보고 공감 누르고 갑니다^^
답글
방문해주셔서 감사합니다~ 도움 드렸다면 기쁘네요:) 좋은 하루 보내세요~
오우 모바일 화면 보려면 완전 필수 겠네용!!! 바로 복사 해서 추가했습니다~!!
구독 공감하고 갑니당!!
답글
모바일 만들 때 완전 필수죠~ 몰랐을 때는 저도 너무 당황했어요 ㅋㅋㅋ 구독 공감 감사합니다^^ 앞으로 잘 부탁드려요~!!
구독왔줍니다~!
답글
감사합니다 앞으로 잘 부탁드려요~^^
구독했어요~~ㅎㅎ
답글
감사합니다~^^ 맞구독했어요~
오호 좋은 설정값 알아갑니다! 써먹어봐야겟어요 :)
답글
도움드려서 기쁘네요^^ 모바일할때 넘 좋답니다