문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== CSS Responsive Web Design - Intro ======
<WRAP left notice 80%>
  * description : CSS Responsive Web Design - Intro
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-07-06 Tue
</WRAP>
<WRAP clear></WRAP>
\\
=====The source of this article=====
[[https://www.w3schools.com/css/css_rwd_intro.asp|CSS Responsive Web Design - Intro]]\\

====== What is Responsive Web Design? ======
반응형 웹 디자인은 웹 페이지를 모든 장치에서 보기 좋게 만듭니다.\\
\\
반응형 웹 디자인은 %%HTML%%과 %%CSS%%만 사용합니다.\\
\\
반응형 웹 디자인은 프로그램이나 %%JavaScript%%가 아닙니다.\\


===== Designing For The Best Experience For All Users =====
웹 페이지는 데스크톱, 태블릿 및 휴대폰과 같은 다양한 장치를 사용하여 볼 수 있습니다. 웹 페이지는 장치에 관계없이 보기 좋고 사용하기 쉬워야 합니다.\\
\\
웹 페이지는 더 작은 장치에 맞도록 정보를 생략해서는 안되며, 그 내용을 모든 장치에 맞게 조정해야 합니다.\\
{{:wiki:css:css_note:rwd_desktop.png?|}}
{{:wiki:css:css_note:rwd_tablet.png?|}}
{{:wiki:css:css_note:rwd_phone.png?|}}
\\
%%CSS%% 및 %%HTML%%을 사용하여 콘텐츠를 조정, 숨기기, 축소, 확대 또는 이동하여 모든 화면에서 보기 좋게 만들 때 반응형 웹 디자인이라고 합니다.\\
\\
아래 예제를 이해하지 못하더라도 걱정하지 마십시오. 다음 장에서 코드를 단계 별로 분석하겠습니다.\\













 
{{tag>오션, Responsive Web Design - Intro}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구