Ho delle immagini che devono essere cliccabili fino ad una certa dimensione, mentre al di sotto di quella non lo devono essere.

Ho provato ad inserire una regola nella media query che controlla come deve essere mostrato il contenuto, per esempio, fino a 400px e ho notato che funziona se riduco la dimensione del browser da PC, ma se apro la stessa pagina da iPhone, il link risulta ancora cliccabile.
Qualche idea?


codice:
<style>
@media (max-width: 400px) 
{
.disabilita{
  pointer-events: none;
  cursor: default;
}

.immagine{
    max-width:100%;
}
}
</style>
<a href="" class="disabilita"><img src="mia-immagine.jpg" class="immagine"></a>