Measuring a heart shaped paper

Power Apps: Different Font Sizes based on App Type / Screen Size



So, my initial idea was to update all of my apps to be responsive. Whether you’d use it on your mobile phone with the Power Apps app, in MS Teams, or simply in a full-width browser experience. They all should look consistent, no matter where you’re using them. I’ve also focused on the behavior of the font sizes in Canvas Apps.

Not that simple

I quickly realized that responsiveness and font size behaviors are not that straight forward with Power Apps. In fact, it very much depends on the way you’ve initially created the app, and if Scale To Fit is enabled. And even though I’ve used a centralized style source (meaning all apps accessing the same styles), my apps looked all different in different screen sizes initially. I realized that it’s because I’ve created some of them with the “Start with your data” (SharePoint) and others with the “Blank App”. 

Also, in terms of screen orientations, all of my apps were using different values. E.g. portrait, landscape, and even custom-screen orientations. Furthermore, ScaleToFit (STF) matters a lot depending on the app-type. 

The Test

So I created some tests to see how it all behaves. In short:

  • Portrait/Landscape doesn’t affect font size
  • Scale To Fit (STF) affects font size with Blank apps,
  • Scale To Fit (STF) does not affect font size with apps automatically built from data sources

Meaning, when creating your app it is already important to know the possible devices/screen sizes. If you want full flexibility, I’d recommend to go for blank apps directly and then build up everything from scratch. Personally, I never liked the Scale to Fit option with the Power App app. It always adds a little black border around your app – space you could otherwise use. That’s why none of my apps are using it. 

Here’s the outcome of my tests (SP = built off a SharePoint list, STF = Scale to Fit, 24 = font size defined in PowerApps):

tests of screen size, scale to fit and font size


If you are a beginner and are just about to get started with Power Apps, go for Scale To Fit. You don’t need to worry about the positioning of your elements that much. The more advanced you get, the faster I would then switch to STF = off. You just have more control of how your app behaves with different screen sizes.

You May Also Like
styles in a sharepoint list

Power AppsPower Apps Style Guide: 3 Great Ways To Consistently Brand Your Apps

By saving in a data source like SharePoint and then connect it with Power Apps, you can easily have a centralized style library. This ensures that all your apps look consistent and you don't have to go through the hassle and change every element, once you decided to change your primaryAccent color. It makes sense to take your time to sit down, think of the way you'd like your styles to be structured and stay with that through all your app-creations.
Read More
Power Apps Screen in MS Teams

Power AppsPower Apps: Link To Specific Screens & Items in MS Teams

Now with the renaming of Common Data Service to Dataverse and the launch of Dataverse for MS Teams you might be wondering how to create a Power Apps link to specific screens or even to a specific item in your app. The use of parameters for Power Apps has been around for a while now, but when it comes to MS Teams this gets a little more complicated. In this blog post, we're going to check how we can still leverage deep links to Power Apps within MS Teams.
Read More