CSS Standard Styles - Native App

css-standard-native.css

body {
  margin: 0;
}

html {
  /*
   * Disable pinch-to-zoom, double-tap to zoom and panning the body (scrolling gestures).
   * To enable scrolling: `touch-action: pan-x pan-y`.
   */ 
  touch-action: none;
  
  /*
   * Disable text selection.
   * > Note: The Safari double-tap loupe isn't disabled, see: https://bugs.webkit.org/show_bug.cgi?id=296492
   */
  user-select: none;
  /* Required for Safari */
  -webkit-user-select: none;

  /*
   * Disable the highlight that appears when you tap on an element.
   */
  -webkit-tap-highlight-color: transparent;

  /*
   * Disable long-press popout links on Safari.
   */
  -webkit-touch-callout: none;

  /*
   * Disable automatic browser bold/italic font variant generation.
   */
  font-synthesis: none;

  /*
   * macOS Chromium/Webkit property for better font smoothing on retina displays.
   */
  -webkit-font-smoothing: antialiased;
  
  /*
   * Disable automatic browser text inflation on mobile devices.
   */
  text-size-adjust: 100%;
  /* Required for Safari */
  -webkit-text-size-adjust: 100%;
}