Handle dynamic sizing of content on devices of different screen sizes

Hi

I have a view with header, content and footer.
How to do dynamic sizing of the content so that I can handle devices of different screen sizes.I have tried using media queries.Is there a better way to do this?

Thanks.

Ruchin Dayal.

Hi Ruchin,

Have you tried using Kendo Mobile framework and widgets in your app? They are designed with responsiveness in mind and all widgets and layouts are sized based on the available space on a device. 

You can open the Kendo Mobile demos on different devices to see how they behave.

If you prefer using your own layouts and styles, media queries are a right way to go with targetting different device resolutions. 

Regards,
Tsvetina
Telerik