input
μ ν¬μ»€μ€λ₯Ό μ£Όλ©΄ μλμΌλ‘ μ€μΈμ΄ λλ€?!form
μμμ ν°νΈ μ¬μ΄μ¦κ° 16px λ³΄λ€ μμ κ²½μ° λ°μνλ λ¬Έμ transform: scale()
μ΄μ©νμ¬ μνλ ν¬κΈ°λ§νΌ μκ² λ³΄μ΄λλ‘ νκΈ°meta
νκ·Έλ₯Ό μ΄μ©β μ μΌ κ°λ¨ν λ°©λ²μΈ 3λ² μ ν
meta
νκ·Έ μ μ©νκΈ°head
νκ·Έ λ΄μ μ½μ
minimum-scale=1, viewport-fit=cover
λ μΆκ°νμ΅λλ€.<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 />
Document
λ΄μ μμ μ½λ μ½μ
_document
μ μ μ©ν΄λμ_document
μ μμ μ½λλ₯Ό μμ±ν¨_app
μΌλ‘ ν΄λΉ μ½λλ₯Ό μ΄λμν€λ μ μμ μΌλ‘ λμmeta
νκ·Έκ° _document
λ΄μ μμΉνμ λ λμνμ§ μμ μ΄μ ?_document
λ΄μ μμΉνμ λ, μ μ©ν μ½λ μλμ λ€λ₯Έ viewport meta
νκ·Έκ° μ μ©λμ΄ μλ€._app
λ΄μ μμΉνμ λ, λ΄κ° μ μ©ν viewport meta
νκ·Έλ§ λνλλ€._document
λ΄μ viewport meta
νκ·Έκ° μ μ©λ κ²½μ° μ€λ³΅μ κ±°κ° λΆκ°λ₯νλ€.meta
νκ·Έλ _app
λ΄μ μμ±ν΄μΌ νλ€.μ°Έκ³