packages/styles/scss/base/_viewport.scss

   1 /* stylelint-disable at-rule-no-vendor-prefix */
   2
   3 /* fix viewport for Win8 (snap mode) and preparing day
   4  * when viewport will be supported by all render engines
   5  *
   6  * Examples: http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
   7  * width=device-width => width: device-width;
   8  * height=device-height => height: device-height;
   9  * initial-scale=2 => zoom: 2;
  10  * maximum-scale=2 => max-zoom: 2;
  11  * minimum-scale=0.5 => min-zoom: 0.5;
  12  * user-scalable=no => user-zoom: fixed;
  13  *
  14  * for Win8 snap mode => only width: device-width; works for the moment
  15  */
  16
  17 @-webkit-viewport {
  18         inline-size: device-width;
  19 }
  20
  21 @-moz-viewport {
  22         inline-size: device-width;
  23 }
  24
  25 @-ms-viewport {
  26         inline-size: device-width;
  27 }
  28
  29 @-o-viewport {
  30         inline-size: device-width;
  31 }
  32
  33 @viewport {
  34         inline-size: device-width;
  35 }