Responsive layout, how many layouts should there be?

Question

HTML

Good afternoon, when transferring a design to a layout designer, how many layouts should be 1 or 3 (view under 1200, 768, and 480). If there is only one layout and it is adaptive, then how to understand how this or that block should behave during layout?

Answer 1

Why so many layouts?
If the template is adaptive, then it should immediately be rubber and stretch.
For example, take your template and start shrinking the browser window as soon as the scrollbar appears (from the bottom) or the layout starts to creep, there is the first size for the @media request and so on (in chrome, the console shows the width of the window when it is reduced. Well, or plugins for the browser). Your template will tell you when to rebuild blocks. You just need to look at what screen width you need to write @media request.
Using this rule, you may need only 3 layouts, or even do without them.
1) Main (large for PC) - 1280 px
2) Medium (for tablet) - 1024 px
3) Small (for smartphone) - 480 px

Answer 2

Our designer draws layouts for all required resolutions, the PSD layout designer gets the largest layout, and the rest of the layouts in JPG for clarity. Resolutions relevant today:
320 px - Mobile devices in portrait orientation
480 px - Mobile devices in landscape orientation
640 px - Small tablets
768 px - Tablets in portrait orientation
1024 px - Tablets in landscape orientation 1280 px and more -
Desktops
if competent enough), he can fold the layout from the largest resolution to the smallest, if the layout is appropriately designed for adaptive layout.

Answer 3

At least two. The more layouts, the more crap. With two layouts, the workbench has more maneuverability.

Answer 4

depends on the layout, some of them immediately, with the naked eye, you can see the grid and it's clear, with others, in addition to 3 layouts, you also need a description / comments.