틀:반응형 style: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
{{namucat|김찬/제작한 틀}}
{{namucat|김찬/제작한 틀}}
{{틀 도움}}
{{틀 도움}}
<onlyinclude><includeonly>{{#css: @media screen and (max-width: 768px) { {{{1}}} { {{{mobile}}} } @media screen and (min-width: 768px) { {{{1}}} { {{{pc}}} } } {{{1}}} { {{{common}}} } }}</includeonly></onlyinclude>
<onlyinclude><includeonly>{{#css: @media screen and (max-width: 768px) { {{{1}}} { {{{mobile}}} } } @media screen and (min-width: 768px) { {{{1}}} { {{{pc}}} } } {{{1}}} { {{{common}}} } }}</includeonly></onlyinclude>
<pre style="white-space: pre-wrap;">{{반응형 style|요소|mobile=모바일 style|pc=PC style|common=공통 style(선택)}}</pre>
<pre style="white-space: pre-wrap;">{{반응형 style|요소|mobile=모바일 style|pc=PC style|common=공통 style(선택)}}</pre>
{|{{style|class=wiki|width=100%|layout=on}}
{|{{style|class=wiki|width=100%|layout=on}}

2024년 7월 8일 (월) 22:00 판

:반응형 style
사용문서
새로고침
넘겨주기
이동하기

{{반응형 style|요소|mobile=모바일 style|pc=PC style|common=공통 style(선택)}}
예시
모바일에서 빨간 박스, PC에서 파란 박스
{{반응형 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. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함