편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
{{namucat|김찬/제작한 틀}} | {{namucat|김찬/제작한 틀}} | ||
{{틀 도움}} | {{틀 도움}} | ||
<onlyinclude><includeonly>{{#css: @media screen and (max-width: 768px) { {{{1}}} { {{{mobile}}} } | <onlyinclude><includeonly>{{#css: @media screen and (max-width: 768px) { {{{1}}} { {{{mobile}}} } @media screen and (min-width: 768px) { {{{1}}} { {{{pc}}} } } {{{1}}} { {{{common}}} } }}</includeonly></onlyinclude> | ||
@media screen and (min-width: 768px) { {{{1}}} { {{{pc}}} } } }}</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}}</pre> | {|{{style|class=wiki|width=100%|layout=on}} | ||
|+예시 | |||
|- | |||
|모바일에서 빨간 박스, PC에서 파란 박스<pre style="white-space: pre-wrap;">{{반응형 style|.example-class|common=display: inline-block; width: 50px; height: 50px;|mobile=background: red;|pc=background: blue;}}<div class="example-class"></div></pre> | |||
|{{반응형 style|.example-class|common=display: inline-block; width: 50px; height: 50px;|mobile=background: red;|pc=background: blue;}}<div class="example-class"></div> | |||
|} | |||
{{--|......왜 안 되지??? 수정하겠습니다 꼭}} | |||
{{김찬 제작 틀}} | {{김찬 제작 틀}} |
2024년 6월 29일 (토) 21:56 판
틀:반응형 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> |
......왜 안 되지??? 수정하겠습니다 꼭