How to make your website resolution and screen size adjustable on every gadget and browser?

Well I have gone through many difficulties while making some of the most featured and nice looking websites for getting the attractions and best from people viewing and using it but the real problem was that the screen was not setting rightly on all the devices.

That must the greatest problem you guys must be facing, right? But guess what, you are at the right place! I know its a great issue because its a concern of your reputation while you are acting as a developer. The thing is, you are doing a greatest mistake with whatever the code you have written in you website's CSS! You will learn this now, keep on reading carefully!

The thing you need to understand is, that most of people are developing using laptops or computers and so they are adjusting page width and height according to their computer screen. They must know that the screen size is not same on all laptops or computers.

SO WHAT NOW?
There is not a greater problem to resolve, just what you need to do is remove the pixel number that you have defined (e.g width:2000px) and replace it with 100% (e.g. width:100%).
You do similar with height too!

Now the theory and logic behind this is simple. You are setting 100% which is all of the gadgets screen size, similarly if you set 80% then it means you have left 20% of screen size from sides or from top and bottom. So this will be the same ratio on all devices which you have set in percentage.
The screen size is selected from the maximum size what percentage you have defined!

Labels computer science