Home/ Questions/Q 3958458
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T02:36:44+00:00

I have a simple web page that displays some text and images and trying

  • 0

I have a simple web page that displays some text and images and trying to find a non complicated way to handle multiple screens.

I have looked through the docs and the only way I can see to do it right now is having to create three separate css files, one for low, one for medium, and one for high res. Unfortunately each one of these have to have different font sizes and dimensions of every element/image.

This seems rather wasteful considering every hdpi element should just be exactly 1.5x the size of the normal one. Is there not a way to make Android just automatically scale this for us while using hdpi versions of the images instead of mdpi ones?

Am I missing something here?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can try using Media Queries in your stylesheet.

    Basically you say if viewport is smaller than X amount then initiate (or make changes to) this style or if viewport is larger then Y amount, implement (or update) this style. You can have as many possibilities as you wish and there is no need for extra styles because the change is implemented on the particular class or ID you choose once a certain width is reached.

    Check out this article on Responsive Web Design

    Hope this is the sort of info you are after?

    • 0