๐Ÿ’ป Information/Computer

[ํ‹ฐ์Šคํ† ๋ฆฌ] ๋ฐ˜์‘ํ˜• #1 ๋ณธ๋ฌธ ์•„๋ž˜ - ์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ

GigaWatt 2017. 7. 25. 11:14
๋ฐ˜์‘ํ˜•

1. ์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ - HTML ์ˆ˜์ •

์•„๋ž˜์˜ ์ดˆ๋ก ๋ธ”๋ก ์‚ฌ์ด์— ๋„ฃ์–ด์ฃผ์„ธ์š”.


๋ฐ˜์‘ํ˜•

1. ์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ - HTML ์ˆ˜์ •

์•„๋ž˜์˜ ์ดˆ๋ก ๋ธ”๋ก ์‚ฌ์ด์— ๋„ฃ์–ด์ฃผ์„ธ์š”.


</div>


์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ.txt


<div class="area_etc">

<strong class="screen_out">๊ณต์œ ํ•˜๊ธฐ ๋งํฌ</strong>

<ul class="list_share">



2. ์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ - CSS ์ˆ˜์ •

์•„๋ž˜์˜ ์ดˆ๋ก ๋ธ”๋ก์˜ ์œ„ ์•„๋ž˜๋ฅผ ์ฝ”๋“œ๋ฅผ ๋„ฃ์œผ์„ธ์š”.


๋ณธ๋ฌธ์•„๋ž˜ ์ธ๋„ค์ผ ๋ชฉ๋ก css.txt

 


/* ์ธ๋„ค์ผ ๊ด€๋ จ๊ธฐ์‚ฌ */


@media

only screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),

only screen and (max-width:820px) and (min-resolution: 1.5dppx)


/*์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ ๋ฆฌ์‚ฌ์ด์ง•*/


โ€ป ๊ธฐ์กด ์Šคํ‚จ ๋ฐฑ์—… ํ›„ ์ง„ํ–‰ํ•˜์„ธ์š”.


๋ฐ˜์‘ํ˜•

</div>


์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ.txt


<div class="area_etc">

<strong class="screen_out">๊ณต์œ ํ•˜๊ธฐ ๋งํฌ</strong>

<ul class="list_share">



2. ์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ - CSS ์ˆ˜์ •

์•„๋ž˜์˜ ์ดˆ๋ก ๋ธ”๋ก์˜ ์œ„ ์•„๋ž˜๋ฅผ ์ฝ”๋“œ๋ฅผ ๋„ฃ์œผ์„ธ์š”.


๋ณธ๋ฌธ์•„๋ž˜ ์ธ๋„ค์ผ ๋ชฉ๋ก css.txt

 


/* ์ธ๋„ค์ผ ๊ด€๋ จ๊ธฐ์‚ฌ */


@media

only screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),

only screen and (max-width:820px) and (min-resolution: 1.5dppx)


/*์ธ๋„ค์ผ ์นดํ…Œ๊ณ ๋ฆฌ ๋ฆฌ์‚ฌ์ด์ง•*/


โ€ป ๊ธฐ์กด ์Šคํ‚จ ๋ฐฑ์—… ํ›„ ์ง„ํ–‰ํ•˜์„ธ์š”.


๋ฐ˜์‘ํ˜•