What is the best way to type wrapper?

Question

css

What is the best way to do layout?
Set the main container (wrapper) to ~ 980px wide and not bother with high resolutions, or make the elements width=100% and lay out 980px wide blocks in them?
Examples for understanding:
Fixed value: Stretches the background of elements across the entire window:

Answer 1

It is better to set for the background width: 100%, but for content width: 70%or something like that. But this is my personal IMHO

Answer 2

I try to do like this:

.wrapper{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

That is, on screens less than 1200px it will stretch, and on those that are larger it will simply be centered.