Disable a button in a web application for ipad only

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?

score 0 · Answer 1 · edited May 23 '17 at 12:18

0

Try checking the user agent in PHP. See this question. Then, echo comment tags if it matches the expected user agent for an iPad user.

edited May 23 '17 at 12:18

Community

answered Jan 16 '13 at 05:13

Brian Hannay

Whilst this may theoretically answer the question, [it would be preferable](http://meta.stackexchange.com/q/8259) to include the essential parts of the answer here, and provide the link for reference. And what makes you think this has anything to do with PHP? – Matt Ball Jan 16 '13 at 05:14
Thanks, I'm sorta new here :P. The question doesn't have anything to do with PHP, but I believe it is a solution to the question. – Brian Hannay Jan 16 '13 at 05:47

score 0 · Accepted Answer · edited Jun 20 '20 at 09:12

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.

@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.

2 Answers2