xxxxxxxxxx
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
}
@supports not (-webkit-touch-callout: none) {
/* CSS for other than iOS devices */
}
xxxxxxxxxx
/**
*instead of using css, i prefer to use javascript to do the styling
*logic for iphone only
*/
if (navigator.userAgent.toLowerCase().indexOf('safari/') > -1) {
// Codes for non-Apple Device
} else {
// Codes for Apple Device
}
// Use CSS just for "styling", and use Javascript for all your logic needs