Skip to content

Browser Support

Todd edited this page Mar 4, 2019 · 3 revisions

Specific browser support can always be modified in the package.json file. See browserslist official documentation.

Autoprefixer

The autoprefixer js library has a method to output the targeted list of browsers based on the current browserslist configuration. Here is an example of setting up a browserslist config to support browsers with the following criteria:

  • Support browsers with more than 1% global marketshare
  • Support the last 2 versions of all supported browsers
  • Support browsers that are not dead and still receive updates

package.json:

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
]

Gruntfile.js:

// Require external packages.
var autoprefixer = require('autoprefixer');

// Logs the targeted browsers
console.log( autoprefixer.info() );

As of March 9, 2019, the above example outputs the following to the console:

Chrome for Android: 71
Firefox for Android: 64
And_qq: 1.2
UC for Android: 11.8
Android: 67, 4.4.3-4.4.4
Baidu: 7.12
Chrome: 72, 71
Edge: 18, 17
Firefox: 65, 64
IE: 11
IE Mobile: 11
iOS: 12.0-12.1, 11.3-11.4
Opera Mini: all
Opera Mobile: 46
Opera: 57, 56
Safari: 12, 11.1
Samsung: 8.2, 7.2-7.4

Welcome to Responsive!

Get started

Configuration

Build child themes

Sass

Javascript

PHP

Shortcodes

Templates

GitHub

Tasks

Contribute to the framework

Code Examples

BU Developer Resources

Clone this wiki locally