λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

Adaptive

 (1)
[Web] λ°˜μ‘ν˜• μ›Ήμ΄λž€? / λ°˜μ‘ν˜• vs μ μ‘ν˜• πŸ”— λ°˜μ‘ν˜• μ›Ή (Responsive Web) μ΄λž€? μˆœμ„œλŒ€λ‘œ PC - Tablet - Mobile ν™”λ©΄ λ°˜μ‘ν˜• μ›Ήμ΄λž€ 각쒅 λ””λ°”μ΄μŠ€ λ˜λŠ” λͺ¨λ‹ˆν„° 해상도에 따라 μ»¨ν…μΈ λ“€μ˜ μ‚¬μ΄μ¦ˆ, λ ˆμ΄μ•„μ›ƒ 등이 μœ λ™μ μœΌλ‘œ λ°”λ€ŒλŠ” 웹을 λ§ν•œλ‹€. 일반적으둜 float, flex, % 등을 μ‚¬μš©ν•˜μ—¬ μœ λ™μ μœΌλ‘œ λ°˜μ‘ν•  수 μžˆλ„λ‘ ν•œλ‹€. 1 2 3 4 5 @media screen and (max-width: 767px){ .container{ width: 50%; } } Colored by Color Scripter cs λ―Έλ””μ–΄ 쿼리λ₯Ό μ‚¬μš©ν•˜μ—¬ λ””λ°”μ΄μŠ€λ₯Ό μ§€μ •ν•˜μ—¬ ν™”λ©΄ 크기에 따라 λ°”λ€ŒλŠ” 웹을 μ œμž‘ν•œλ‹€. πŸ“Œ λ°˜μ‘ν˜• μ›Ή (Responsive Web) vs μ μ‘ν˜• μ›Ή (Adaptive Web) 차이점 λ°˜μ‘ν˜• 웹은 λ””λ°”μ΄μŠ€μ— 따라 ν™”λ©΄..

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”