mozilla
Your Search Results

    <ratio>

    Summary

    The <ratio> CSS data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless values. It is a strictly positive <integer> followed by a slash ('/', Unicode U+002F SOLIDUS) and a second strictly positive <integer>. There may be spaces before and after the solidus.

    Examples

      Ratio Usage
    Ratio4_3.png 4/3 Traditional TV format in the 20th century.
    Ratio16_9.png 16/9 Modern, 'widescreen', TV format.
    Ratio1_1.85.png 185/100 = 91/50
    (non-integer dividends and divisors are not allowed)
    The most common movie format since the 1960s.
    Ratio1_2.39.png 239/100
    (non-integer dividends and divisors are not allowed)
    The 'widescreen', anamorphic, movie format.

    Specifications

    Specification Status Comment
    Media Queries Recommendation  

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support <4 3.5 (1.9.1) 9 9.5 1.0 (?)
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support yes yes ? yes yes

    See also

    Document Tags and Contributors

    Contributors to this page: Sheppy, FredB, kscarfone, velvel53, teoli
    Last updated by: teoli,
    Hide Sidebar