Layout formats for various sites

[subornaakter24]

Any technical device with an Internet access function has a set of parameters that characterize its size:

Physical size is the diagonal of the screen in inches (e.g. 26 inches). The same size does not mean that the screen resolutions on two different devices will be the same.

Resolution is a value that consists of the furniture manufacturers in usa email list ratio of the width and height of the screen, measured in pixels (for example, 1480 x 720 pixels).

The browser window size is the viewing area of ​​the site minus frames, scroll bars, and other elements that reduce the visible field (so if the scroll bar is 24 pixels, the browser window size will be 1456 x 720 pixels).

When developing websites, it is always worth considering the fact that window parameters can be changed by users depending on their wishes and needs, so it is necessary to provide a working area for placing content and side indents.

The physical size of the equipment is sometimes taken into account by designers when creating clickable elements, but most often the size of the website is adjusted to the resolution, and the width and height of its content field are determined taking into account the indents in browsers. In some cases, the orientation of the device screen is taken into account when creating websites: portrait (for tablets and phones) or landscape (for laptops and TVs).

Fixed layout
The width of a site with a fixed layout will always remain the same as the programmer sets it at the initial stage, regardless of the user's screen resolution. This is an outdated option that is not recommended for use.

Layout formats for various sites

Unlimited elastic layout
This layout allows the width of the site to adapt to the width of the browser. Along with the change in the parameters of the browser field, the width of the site will decrease or increase.

Advantages:

Allows optimal use of the entire screen space. Even in high-resolution conditions, there will be no empty stripes on the sides of the content field.

Flaws:

On large screens, sites with such layout stretch very much (for text formats this is a significant disadvantage).

Sometimes there are gaps between blocks.

People with poor eyesight will have a very hard time perceiving information from a website on small screens. And even if the screen is large and the user's vision is 100%, he will still have to turn his head from left to right to read information from a short distance. In addition, on small screens, if there is no fixed minimum width for the website, blocks may overlap each other.