틀:반응형 style

분류:

틀:반응형 style
사용문서	새로고침
넘겨주기	이동하기
2024-12-26에 마지막으로 수정됨

{{반응형 style|요소|mobile=모바일 style|pc=PC style|common=공통 style(선택)}}

모바일과 PC에서정확히는 보고 있는 화면의 절대 너비가 768px 이상일 경우 PC처럼, 768px 미만일 경우 모바일처럼 나타납니다. 각각 다른 스타일이 적용되는 요소를 만들어 낼 수 있는 틀입니다.

예시

모바일에서 빨간 박스, PC에서 파란 박스
(PC에서는 F12 개발자 도구의 모바일 화면 모드에서, 모바일에서는 기기를 가로 모드로 기울여서 각각의 차이를 볼 수 있습니다.)

{{반응형 style|.example-class
|common=display: inline-block; width: 50px; height: 50px;
|mobile=background: red;
|pc=background: blue;}}
<div class="example-class"></div>

[ 사용 팁 ]

+

김찬 제작 틀

[ A~Z & etc. ]

[ ㄱ~ㅅ ]

[ ㅇ~ㅎ ]

※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함