Now it’s the era of the smart-phone. Designing my website only for laptops and computers will be of no use. I should add screen resolution to my website to make it fit in different types of screens with different sizes. So, how can I make better screen resolution for my web site?
How To Change The Screen Size Of The Website?
It can be done, with the help of fluid images and fluid grids. Use CSS scale property to scale your web site. Set the CSS max-width tag to100%. Unless other width based styles override it, the image loads in its original size. When the screen gets narrower, the image starts adjusting.
You can do this with the help of java-script and ht access files. When the screen is large enough, they load the large image, and when the screen is small, it loads the small picture. You can have a style sheet with some default values, and any considerable changes in the screen size it switches to a new style sheet.