Question

I have a web application which has an upload feature.
I want to disable that button when the page is viewed via ipad.

Is that possible.
My thoughts are to check the resolution. But what if the resolution of the device
increases?

Answer 1

Use CSS Media Queries

For just iPad related CSS, you can use this:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  .no-ipad {
    display: none;
  }
}

Add the class no-ipad for making the elements not displayed on iPad.

For Android (if you need)

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .no-android {
    display: none;
  }
}

Add the class no-android for making the elements not displayed on Android.