Meta

Search Engine Optimization(SEO)

• Open Graph Tag

  • reference

    <meta property="og:title" content="title" />
    <meta property="og:image" content="abosolute URL" />
    <meta property="og:description" content="description" />
  

Responsive Web Design(RWD)

• device viewport

  • reference

    // initial size 100%
    <meta name="viewport" content="width=device-width, initial-scale=1" >
  
    // avoid zoom in/out
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  
    // iPhone X
    <meta name="viewport" content="viewport-fit=cover">
    body {
        padding-top: constant(safe-area-inset-top);
        padding-right: constant(safe-area-inset-right);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-left: constant(safe-area-inset-left);
    }