I was always bored to not be able to see and understand abbreviations when I am on mobile.
As this week I am almost only in mobile, I decided to find a way and found this:
abbr[title]:hover {
border: 2px solid white;
color: #333;
background: #FF6;
}
abbr[title]:hover:after {
content: " (" attr(title) ")";
}
It worked on my Firefox for Android with Stylus.
Just touch any abbreviation that has that characteristical dotted bottom border to see its meaning.
It reverts to normal display as soon as you click anywhere else.
You can see my trademark yellow background.