CSS media query to target iOS devices or Android devices

after many result on google , i found the best way to add custom CSS scripts to target IOS or Android devices, please try the below CSS code

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */
}