반응형 웹페이지 만들기
https://offbyone.tistory.com/110
반응형 웹 - 뷰포트(viewport) 사용법
반응형 웹 (responsive web)이란 하나의 웹사이트로 데스크탑 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹 페이지를 말합니다. 미디어
offbyone.tistory.com
참고 사이트
https://www.w3schools.com/css/css_rwd_viewport.asp
Responsive Web Design Viewport
Responsive Web Design - The Viewport What is The Viewport? The viewport is the user's visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen. Before tablets and mobile phones, web pa
www.w3schools.com
반응형 웹에서의 자바스크립트를 반응형으로 사용하기
https://offbyone.tistory.com/122
반응형 웹에서의 자바스크립트를 반응형으로 사용하기
반응형 웹을 만들기 위해서 CSS3 미디어 쿼리를 이용하여 화면 크기에 따라 적용하는 스타일을 달리하는 방법은 "반응형 웹을 위한 미디어 쿼리 사용법(CSS media queries)" 에서 알아 보았었습니다.
offbyone.tistory.com
반응형 웹을 위한 미디어 쿼리 사용법(CSS media queries)
https://offbyone.tistory.com/121
반응형 웹을 위한 미디어 쿼리 사용법(CSS media queries)
미디어 쿼리는 화면(screen), 티비(tv), 프린터(print)와 같은 미디어 타입(media type)과 적어도 하나 이상의 표현식(expression)으로 구성됩니다. 표현식은 width, height, color와 같은 미디어 특성(media fe..
offbyone.tistory.com
'visual studio code' 카테고리의 다른 글
| Visual Studio Code 기본설정 (0) | 2021.10.17 |
|---|---|
| visual studio code 에서 자주 사용되는 코드들 (0) | 2021.09.30 |
| 반응형 웹페이지 만들기 -유튜브에서 무조건 따라하기 - Create complete portfolio Website Using only HTML & CSS (0) | 2021.08.17 |
| visual studio code 사용법 (0) | 2021.08.15 |
| Full Resonsive WebsiteCreate :Responsive Web Pages 반응형 웹페이지 만들기 (01) (0) | 2021.08.15 |