모바일 웹 개발 시 주의할 점

• 모바일 브라우저의 종류는 다양하다.
• overflow:scoll 속성을 지원하지 않는 모바일 브라우저가 있다.
• ~ 선택자(동위 선택자)를 지원하지 않는 모바일 브라우저가 있다.
• gradient 속성을 지원하지 않는 모바일 브라우저가 있다.
• iOS 사파리는 label태그를 눌러도 반응이 없다. 대체: onclick
• viewport 설정

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes">
  

viewport 자세한 내용

안드로이드 : https://developer.android.com/guide/webapps/targeting
아이폰 : https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html