W3cubDocs

/Support Tables

rem (root em) units

Type of unit similar to em, but relative only to the root element, not any parent element. Thus compounding does not occur as it does with em units.

Spec https://www.w3.org/TR/css3-values/#font-relative-lengths
Status W3C Candidate Recommendation
IE Edge Firefox Chrome Safari Opera
    60 66    
    59 65   50
  17 58 64 TP 49
11 16 57 63 11 48
10 (1) 15 56 62 10.1 47
9 (1) 14 55 61 10 46
8 13 54 60 9.1 45
Show all
7 12 53 59 9 44
6   52 58 8 43
5.5   51 57 7.1 42
    50 56 7 41
    49 55 6.1 40
    48 54 6 39
    47 53 5.1 38
    46 52 5 37
    45 51 4 36
    44 50 3.2 35
    43 49 3.1 34
    42 48   33
    41 47   32
    40 46   31
    39 45   30
    38 44   29
    37 43   28
    36 42   27
    35 41   26
    34 40   25
    33 39   24
    32 38   23
    31 37   22
    30 36   21
    29 35   20
    28 34   19
    27 33   18
    26 32   17
    25 31   16
    24 30   15
    23 29   12.1
    22 28   12
    21 27   11.6
    20 26   11.5
    19 25   11.1
    18 24   11
    17 23   10.6
    16 22   10.5
    15 21   10.0-10.1
    14 20   9.5-9.6
    13 19   9
    12 18    
    11 17    
    10 16    
    9 15    
    8 14    
    7 13    
    6 12    
    5 11    
    4 10    
    3.6 9    
    3.5 8    
    3 7    
    2 6    
      5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11.0-11.2 all 62 10 37 62 57 11 11.4 6.2 1.2 7.12
10.3   4.4.3-4.4.4 7 12.1     10   5    
10.0-10.2   4.4   12         4    
9.3   4.2-4.3   11.5              
Show all
9.0-9.2   4.1   11.1              
8.1-8.4   4   11              
8   3   10              
7.0-7.1   2.3                  
6.0-6.1   2.2                  
5.0-5.1 (2)   2.1                  
4.2-4.3                      
4.0-4.1                      
3.2                      

Notes

  1. IE 9 & IE 10 do not support rem units when used in the font shorthand property (the entire declaration is ignored) or when used on pseudo elements.

  2. iOS Safari 5.0-5.1 support rem but not in combination with media queries.

Bugs

  • IE 9, 10 and 11 do not support rem units when used in the "line-height" property when used on :before and :after pseudo elements (https://connect.microsoft.com/IE/feedback/details/776744).

  • Borders sized in "rem" disappear when the page is zoomed out in Chrome.

  • Reportedly does not work on Android 4.3 browser for Samsung Note II or the Samsung Galaxy Tab 2 on Android 4.2.

  • Chrome 31-34 & Chrome-based Android versions (like 4.4) have a font size bug that occurs when the root element has a percentage-based size.

  • Causes content display and scrolling issues on iPhone 4 which typically has Safari 5.1.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=rem