Meaning of the term "Fluid Layout"

Asked

Viewed 267 times

4

In research, I came across a series of articles talking about Design fluido.But most without clear explanations.

I want to know what that means in development Frontend?

  • Summarizing the responsive contains "fluid", because it can also work with percentage, but has limiters to define columns or blocks (1 per line), already the fluid is something fixed but adjusts with percentage.

3 answers

2

Fluid: I do not define pixel size but percentage.

When to use? depends.. fluid layout is just one of the complements to a good layout.

I usually work on the same page with Fixed layout, fluid and restful.

For example, the container leaves fixed, its columns fluid, and when you break the layout I adjust the responsiveness.

  • You adopt this as a standard, or in just a few cases, because from what I saw in the other answers I can solve all problems with Fluid layout. Or it’s not like that?

  • 1

    @Renancarlos I would tell you that you do not solve everything with fluid layout, for example in a full screen hd 100% would be a lot not agree? then I would limit the size to a 1300px, or if we have 10 columns of 10% in a smartphone it would be very little not agree? the ideal in my opinion is to know how to work with fixed layout, fluid and responsive together adapting to the problem

2

It is similar to the responsive, but in the fluid the adaptation occurs automatically, because it uses relative measures in percentage to define the size.

See more in: Fluid or Responsive Layout

2

Roughly speaking, in the fluid it is adjusted only to "%" of the elements, but they continue with the same structure, already in the responsive the elements can be widely reorganized to adapt to the screen in which they will be displayed, for this you can use N frameworks that speed development in this pattern.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.