What is fluid or liquid web design?
Posted: Thu Jan 23, 2025 6:22 am
Fluid web design or liquid web design is the one that tends to occupy the entire width of the screen, whatever the size of the screen. It is a type of design that is less used than the previous one, since it requires much more work from the web designer, since if it is not done correctly, its result can be quite attractive for “normal” and small screen sizes, but when screens with many inches are used, its aesthetics are, at the very least, horrible, unless techniques such as the use of max-width are used to limit the maximum width accepted by our design. In this case, the web designer uses percentages instead of pixels to establish the widths of their designs, although pixels and maximum and minimum measurements can also be used with min-width and max-width. Luckily, it is a type of design that is increasingly gaining ground and is replacing fixed design. Fixed web
design is, by far, the most used on the Internet, and it is the one israel phone number list remains unchanged regardless of the device where the website is viewed. It is indifferent to the size of the screen and the width of the web browser that displays it. Whatever the characteristics of the device, screen or browser, the same size preset by the web designer in pixels is always displayed. Elastic web design is a type of design very similar to fluid, except that in this case the content also grows along with the width of the design to fill the screen. It is, by far, a practically residual type of design and very little usable. We return to the same thing as in the case of fluid design, elastic design can be more or less pleasant on more or less small screen sizes, but when very large screens are used the content becomes exaggeratedly irrational, so with a few exceptions, it has no reason for being. In this case the web designer uses em to set the widths of his web design and the rest of the content it contains. It is a type of design that we should stay away from as much as possible. This type of design uses percentages or ems (a typographic unit of measurement) instead of pixels, so that elements adapt to the width of the screen. While the result may look attractive on medium-sized screens, such as desktop computers and tablets, many problems arise on large and small screens. For example, images on televisions are stretched a lot and text on phones is difficult to read.
As a way to avoid these errors, it is possible to set the maximum and minimum width. The problem is that this causes blank areas to appear on large screens and horizontal scroll bars on smaller ones.
design is, by far, the most used on the Internet, and it is the one israel phone number list remains unchanged regardless of the device where the website is viewed. It is indifferent to the size of the screen and the width of the web browser that displays it. Whatever the characteristics of the device, screen or browser, the same size preset by the web designer in pixels is always displayed. Elastic web design is a type of design very similar to fluid, except that in this case the content also grows along with the width of the design to fill the screen. It is, by far, a practically residual type of design and very little usable. We return to the same thing as in the case of fluid design, elastic design can be more or less pleasant on more or less small screen sizes, but when very large screens are used the content becomes exaggeratedly irrational, so with a few exceptions, it has no reason for being. In this case the web designer uses em to set the widths of his web design and the rest of the content it contains. It is a type of design that we should stay away from as much as possible. This type of design uses percentages or ems (a typographic unit of measurement) instead of pixels, so that elements adapt to the width of the screen. While the result may look attractive on medium-sized screens, such as desktop computers and tablets, many problems arise on large and small screens. For example, images on televisions are stretched a lot and text on phones is difficult to read.
As a way to avoid these errors, it is possible to set the maximum and minimum width. The problem is that this causes blank areas to appear on large screens and horizontal scroll bars on smaller ones.