
๋ฏธ๋์ด์ฟผ๋ฆฌ(media query) ๋ฏธ๋์ด์ฟผ๋ฆฌ๋ ๋ทฐํฌํธ์ ํด์๋์ ๋ฐ๋ผ CSS๋ฅผ ๋ถ๊ธฐ์ํค๋ ๋ฐ์ํ ๊ธฐ๋ฒ์ ๋๋ค. 01. ์ต์ ๊ฐ๋กํญ์ด 1000px๋ณด๋ค ๋์ ํด์๋์ผ ๋ style_pc.css๋ฅผ ์ฐ๊ฒฐํ๋ค๋ ๋ป์ ๋๋ค. 02. @media @media all and (min-width: 1000px) { ๋ชจ๋ ๊ธฐ๊ธฐ์์ ํด์๋๊ฐ ์ต์ 1000px ์ธ ๊ฒฝ์ฐ ์ ์ฉํ ์์ฑ๋ค... } CSS ํ์ผ์ ํ๋๋ก ๋ง๋ค์ด์ CSS ๋ด๋ถ์์ ์กฐ๊ฑด์ ๋ฐ๋ผ ๋ถ๊ธฐ์ํค๋ ๊ฒ์ด ์ผ๋ฐ์ ์ธ ํํ์ ๋ฐ์ํ์น CSS์ ๋๋ค. all์ Media Type์ ๋ํ๋ ๋๋ค. and ์ , ํ์ ๋์ด ์๋๋ค. Media Type ์ค๋ช all ๋ชจ๋ ๋ฏธ๋์ด ์ฅ์น์ ์ฌ์ฉ (๊ธฐ๋ณธ๊ฐ) print ํ๋ฆฐํฐ์ ์ฌ์ฉ screen PC, ํ๋ธ๋ฆฟ, ์ค๋งํธํฐ์ ์ฌ์ฉ speech ์ค..
CSS
2022. 8. 13. 16:57
๊ณต์ง์ฌํญ