# Font size too small on iPad mini (looks fine on laptop and phone)

**URL:** <https://community.glideapps.com/t/font-size-too-small-on-ipad-mini-looks-fine-on-laptop-and-phone/86518>\
**Category:** Ask for Help\
**Created:** [February 27, 2026, 1:37pm UTC](https://community.glideapps.com/t/font-size-too-small-on-ipad-mini-looks-fine-on-laptop-and-phone/86518 "2026-02-27T13:37:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Grop85](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/grop85/32/94304_2.png) [@Grop85](https://community.glideapps.com/u/Grop85)\
**Post date:** [February 27, 2026, 1:37pm UTC](https://community.glideapps.com/t/font-size-too-small-on-ipad-mini-looks-fine-on-laptop-and-phone/86518/1 "2026-02-27T13:37:48Z")

</div>

Hi everyone,

I’m experiencing a display issue with my Glide app.

The font sizes look perfect on my laptop and my iPhone. However, on an iPad mini, the text appears significantly smaller and harder to read

I used a CSS which increase the font, but it apply on all the device (laptop, phone)

How can I do my CSS in order to apply only on small tablet (iPad mini..,)

Any advice or best practice would be greatly appreciated.

Thank you!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 28, 2026, 1:37am UTC](https://community.glideapps.com/t/font-size-too-small-on-ipad-mini-looks-fine-on-laptop-and-phone/86518/2 "2026-02-28T01:37:32Z")

</div>

You might have used something very broad like:

```auto
html, body {
  font-size: 18px;
}

```

You can cater in some media query so it only applies to your iPad mini.

```auto
@media only screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
  html, body {
    font-size: 18px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 900px) and (orientation: landscape) {
  html, body {
    font-size: 17px;
  }
}

```

---

<div class="post-metadata">

**Author:** ![Grop85](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/grop85/32/94304_2.png) [@Grop85](https://community.glideapps.com/u/Grop85)\
**Post date:** [February 28, 2026, 4:08am UTC](https://community.glideapps.com/t/font-size-too-small-on-ipad-mini-looks-fine-on-laptop-and-phone/86518/3 "2026-02-28T04:08:58Z")

</div>

Hi  
It work!  
Thanks a lot for you help 😉

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [March 7, 2026, 4:09am UTC](https://community.glideapps.com/t/font-size-too-small-on-ipad-mini-looks-fine-on-laptop-and-phone/86518/4 "2026-03-07T04:09:40Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.