How to display the site in full screen width by default?

Question

HTML

The site layout is set to a minimum* width of 960px, but on a mobile device with a smaller screen width, the site loads according to the resolution. When zooming out, some of the background of the zoomed element is lost. How to avoid it?
marketodont.com

Answer 1

The issue was resolved by applying min-width: 960px (to match the whole layout) to the elements whose background was causing the bug.

Answer 2

remove the .container option:
/* min-width: 960px; */
and everything will be ok. and learn how to use firebug.
you have not the maximum but the minimum width is set.

Answer 3

Create a mobile version with optimization.

Answer 4

Finally, start writing values ​​not in pixels, but in percentages: min-width: 90%;