If you are looking to make a universal CSS rule for all mobile devices then use the following CSS media query:-

Ad You might find this useful
Wavebox
Wavebox is the revolutionary browser you should be using Now!

Be more productive with apps, tidy tabs, multi-account sign-in, unified search, flexible workspaces, and more...

Get 35% OFF with the Slick Media Wavebox Promo Code (click promo link bottom-right)

Get Wavebox
WaveboxWavebox
Wavebox is the revolutionary browser you should be using Now!
Promo Save on Wavebox
@media (pointer:coarse) {
/* custom css for "touch targets" */
}
@media (hover: none) {
/* custom css for devices where the primary input mechanism cannot hover at all or cannot conveniently hover
}
@media (hover:none), (hover:on-demand) {
/* custom css for "touch targets" */
}
/* credit: https://stackoverflow.com/questions/12469875/how-to-code-css-media-queries-targeting-all-mobile-devices-and-tablets/29307143 */
view raw CSS target all mobile devices hosted with ❤ by GitHub

We find that the first media query works best in most cases.

Ad You might find this useful
Loom
Record your screen to communicate better

Loom is the fastest way to record quick videos of your screen. It's easy to use and perfect for hybrid workplaces. FREE & affordable paid plans.

Get Loom
Start Recording for Free
LoomLoom
Record your screen to communicate better
Promo Save on Loom
Ad You might find this useful
Rize
Maximize Your Productivity with Rize AI

Rize is an AI productivity coach that uses time tracking to improve your focus and build better work habits. It is available for macOS and Windows.

With the Slick Media Promo (click promo link bottom right), you can get a 25% discount on your first three months of Rize.

Get Rize
Get Started for Free
RizeRize
Maximize Your Productivity with Rize AI
Promo Save on Rize