생활코딩

Coding Everybody

코스 전체목록

닫기

모바일 지원 (viewport)

예제

<!DOCTYPE html>
<html>
<head>
  <title>HTML - 수업소개</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1><a href="index.html">HTML</a></h1>
<ol>
  <li><a href="1.html">기술소개</a></li>
  <li><a href="2.html">기본문법<a/></li>
  <li><a href="3.html">하이퍼텍스트와 속성</a></li>
  <li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>

<h2>선행학습</h2>

본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</body>
</html>

 

댓글

댓글 본문
  1. 오석민
    완료
  2. 박병진
    감사합니다.
  3. wndals20
    20.09.18 이번 강의도 잘 들었습니다. viewport가 뭔지 몰랐는데 덕분에 확실히 알게 되었습니다.
  4. 여니여니
    20200912 시청완료!
  5. Lee Seulgi
    감사합니다 :)
  6. Lee Seulgi
    감사합니다 :)
  7. switpotato
    20200823 완료 감사합니다!!
  8. 김성곤
    20200715 감사합니다!
  9. 굴렁이
    viewport 속성 : <meta name="viewport" content="width=device-width, initial-scale=1.0">
    웹브라우저의 화면을 각 디바이스에 최적화 된 크기로 표현해준다.
    코드 작성시 위의 태그를 기계적으로 입력해주면 된다.
  10. 한강
    월요일 시작합니다.~~^^!
    200525
  11. 열심히사는사람
    2020- 5 24일 완료
  12. Mongsil
    2020.04.01 완료 감사 합니다!
  13. 김선경
    2020-03-23 완료
  14. 최강최고
    20/3/13일 완료
  15. Charlie Kwon
    완료
  16. 2020.01.02
  17. 코디잉
    이런 내용이었군요~!!
  18. FIRE
    20190809 완료
  19. 김세종
    2019-07-13 수강완료
  20. 김코딩
    공부완료
  21. 김주엽
    공부완료
  22. 한승민
    190124 완료
  23. 릴라야
    190120_완료
  24. 미완성
    20190107완료
  25. Gihoon Pomme Ryu
    완료. 고맙습니다.
  26. 김민영
    완료
  27. 리젤린
    전 매디어태그써서 항상 크기별로 지정했는데 이런방법도 있네요 감사합니다
  28. 김수
    감샤감샤
  29. clear
  30. 박 재만
    지금은 그림이 달라요,,,,!

    붙이기가 안돼네요,,,,,
  31. 스페이스몽키
    되게 쉽고 알아들게 설명하시면서 내용은 알차게 전달해주시네요 존경합니다!
  32. JN87
    171231 감사합니다!

    viewport 속성 : <meta name="viewport" content="width=device-width, initial-scale=1.0">
    - 웹브라우저의 화면을 각 디바이스에 최적화 된 크기로 표현해준다.
    - 코드 작성시 위의 태그를 기계적으로 입력해주면 된다.
  33. 푸른하늘
    7
  34. 바람과 나무
    감사합니다.
  35. 오빠는다르다
    감사합니다~!!!
  36. 이주형
    meta tag가 하는 일이 정말 많네요~!^_^
  37. sheis
    잘 봤어요^^
  38. 14번째
    5.13.
  39. php가 첫취업?
    실력좀 좋아지면 모바일쪽도 구동해보고싶습니다..
  40. 김소희
    그럼 반응형은 따로 필요 없는건가요!?
  41. 미니밥통
    동영상 시청 동시에 네이버 등 사이트 같이 보니 일부 동일하게 적용되는 가이드 코딩 언어가 있어서
    직관적으로 이해하기 매우 빨라요. 감사합니다.
  42. 아트디아
    감사합니다^^
  43. 해커가꿈인사람
    2016.12.20
    강의수강 완료
  44. 임지호
    모바일에서 웹페이지크기를 최적화시키는 방법
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    웹페이지의 폭을 장치의 폭으로 설정하고 초기화면을 줌 안한 상태로 맞춘다는 코드.
    PC가 아닌 장치에서의 웹페이지 크기를 최적화하는 코드. 그냥 기계적으로 넣어주면 된다.
  45. 두두두
    감사합니다.
  46. matheios
    강의 감사합니다~~
  47. D.JA
    DONE!
  48. 심외무별법
    감사합니다. 잘보고 있습니다.
  49. 김종엽
    2016.08.24 완료!
  50. Daehyeop Ko
    감사합니다!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기