How can I make website exact fit to different screen resolutions?

Question

How do I adapt and exact fit (ie height and width both) to different resolutions? How to scale down image element as per screen resolutions maintaining their aspect ratio and positioning like left, top etc. Please help me out with- what approach should I take. Is making different images for different resolutions is only option?

Please check reference I want similar kind of result. Every element is adapting nicely on each n every resolution - blacknegative.com

Using HTML and Jquery!!!

Answer 1

最简单的方法是使用像Foundation这样的响应式设计框架。

Answer 2

You Can Utilize CSS Frameworks like foundation and Bootstrap. Use CSS - Media Queries to make your website viewable in all sort of devices and in different screen resolutions.

Answer 3

您可以通过获取屏幕分辨率来做到这一点，而所有这些都是按百分比的屏幕分辨率继承的，您可以从任何地方获取此信息，也可以使用javascript或通过应用100％宽度

Answer 4

what you can do is to set the size in the HTML/ASP variable as percent (eg: 20%) instead of pixels this will take the size of the window and modify all the elements as 100% represent full size.

HTH

Answer 5

Set all your dimensions to percentages. You can also use css media queries to specifically target certain devices or resolutions.