Skip to content

Instantly share code, notes, and snippets.

@ncer
Forked from jsoverson/device.css
Created November 8, 2017 11:27
Show Gist options
  • Save ncer/2c5f2cef2c8f73588215b93eb01107b5 to your computer and use it in GitHub Desktop.
Save ncer/2c5f2cef2c8f73588215b93eb01107b5 to your computer and use it in GitHub Desktop.
Quick css hacks to target android/ios
.visible-android {
display:none;
}
.visible-ios {
display:none;
}
.on-device .visible-android, .on-device .visible-android {
display:inherit;
}
.device-ios .visible-android {
display:none !important;
}
.device-ios .hidden-ios {
display:none !important;
}
.device-android .hidden-android {
display:none !important;
}
.device-android .visible-ios {
display:none !important;
}
var classNames = [];
if (navigator.userAgent.match(/(iPad|iPhone|iPod)/i)) classNames.push('device-ios');
if (navigator.userAgent.match(/android/i)) classNames.push('device-android');
var html = document.getElementsByTagName('html')[0];
if (classNames.length) classNames.push('on-device');
if (html.classList) html.classList.add.apply(html.classList, classNames);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment