That’s really up to the mobile browser in how they implement the HTML tag.
1 Mi Piace
Questo plug funziona bene, grazie. Tuttavia, in combinazione con linkify non funziona. È possibile che il link funzioni anche con la classe ?
Ripostando la risposta anche qui. 
Penso che il problema sia che il plugin abbrify salta i tag link per impostazione predefinita. Puoi provare a risolvere modificando il codice, eliminando la riga 16 in head_tag.html
'a': 1,
Fammi sapere se ha funzionato o se hai bisogno di ulteriori indicazioni.
Nota: per il tema linkify esiste un’impostazione utente separata per modificare quali tag vengono saltati. Invierò anch’io una PR a questo repository quando avrò modo.
3 Mi Piace
C’è la possibilità di aggiungere qui la funzionalità del componente tema tooltip?
Sarebbe un ottimo miglioramento, dato che i tag abbr sono praticamente inutili su dispositivi mobili.
2 Mi Piace
Ho creato uno stile utente (CSS) approssimativo per consentirmi di vedere i suggerimenti su dispositivi mobili.
È richiesta l’estensione Stylus (utilizzo Firefox su Android, che supporta le estensioni).
Questo tipo di funzionalità potrebbe essere incluso nel plugin, ma in realtà lo uso su tutti i siti.
abbr[title]:hover {
border: 2px solid white;
color: #333;
background: #FF6;
}
abbr[title]:hover:after {
content: " (" attr(title) ")";
}
6 Mi Piace
Saluti! Grazie per aver condiviso il codice 
Come posso ottenere l’effetto di un commento che appare sopra un’abbreviazione? come indicato in questo esempio:
1 Mi Piace
Dopo aver armeggiato per mezza giornata, sono riuscito a creare il codice utilizzando il bot Discourse AI di @Falco 
Ricevo aiuto da un bot da due settimane, sia qui su Meta (in termini di ricerca del significato della query) sia sul mio sito web con la scrittura di questo o quel codice. Ecco il codice che sono riuscito a mettere insieme per risolvere il problema sopra:
abbr[title] {
position: absolute;
background: transparent; /* Sfondo trasparente in stato inattivo */
overflow: visible; /* Consente al contenuto di uscire dai confini dell'elemento */
}
@media (prefers-color-scheme: light) {
abbr[title] {
color: var(--primary); /* Tonalità bianca o nera per lo script? */
}
}
abbr[title]:hover {
background: #FF6; /* Al passaggio del mouse, lo sfondo si tinge di una vivace tonalità gialla. */
}
abbr[title]:hover:after {
content: " " attr(title) "";
position: absolute;
border-radius: 3px;
bottom: 70%; /* Modifica questo valore per controllare la discrepanza. */
left: 0;
width: 250px; /* Ampiezza fissa */
height: auto; /* "Altezza regolabile" */
padding: 2px;
z-index: 9;
background: #00FF00; /* Specifica la tonalità di sfondo per il commento. */
color: #333;
margin-bottom: 10px; /* Incorpora un margine inferiore per creare una separazione. */
}
Lo lascio qui; forse qualcuno lo troverà utile
Ps. Esercita clemenza se dovessi incontrare un errore nel codice, poiché non sono inequivocabilmente un ingegnere del software di professione.
6 Mi Piace