One of the problems encountered some companies is that their website is not adapted to different types of resolution . Sometimes it's easy not to notice. We have a resolution of 1280 x 960 and our monitor looks perfectly. But what about monitors where the maximum is 1024 x 768, or do not want to tell you, someone who uses a 1440 x 900 pixel monitor?
Today it is important to know that users not only access through a computer, but different devices (tablets, mobile, etc.). Although you do not have to be obsessed with this subject, at least you should know that there is something that people hate: having to scroll with the movement bars to read your page.
How to adapt the resolution of your web page
There are still many people who has a resolution of 1024 x 768 , so the designs with a fixed size look bad on your computer. If one day you have connected from elsewhere and you have noticed that your web page looks bad, you should pay attention to this problem as soon as possible.
If a computer company has made you the page, perhaps it did at a time when the 1024 x 768 was the most common. But modern designs have evolved into larger screen sizes.
There are several ways to solve this problem. In all you will have to introduce yourself in the HTML and CSS, so you need to know how these techniques of web design work.
1. Adjusting relative size. Instead of setting a page width in the body of certain pixels (for example, width = 1280 px), you must enter a percentage (width: 90%) to fit the resolution of the client computer.
But this solution is cheating. The problem here may be that the setting causes some parts of the page to be distorted, or too much space left in the sidebar. Get in the place of someone who sees your page on an external monitor, so fashionable lately.
2. Setting the width to 960 px and centering the page. You can assume that your page is going to be bad for large resolutions and let you see blank columns on the sides. You ensure that the entire page will look good for different resolutions (except for 800 x 600, which almost nobody uses), although it may look less attractive.
3. Get an adaptive web design (web design Responsive) . Through this technique of web development you can get a single web page to adapt to all kinds of resolutions (tablets, mobile, etc.), adjusting the size of columns and letter. There are some free responsive templates, but you can also ask your IT company to adapt it.
Having a web design conditions is one of the characteristics of a professional website . What kind of resolution do you have on your computer? What methods do you use to make your template fit for other resolutions?
0 comments:
Post a Comment