На мобильных устройствах фон не тянется, обрезается на половине и всё

Question

На мобильных платформах фон не тянется до конца экрана, а обрезается на половине.
см. скрин.

html { width: 100%; overflow-y: scroll; }

body { width: 100%; }

.light {
 width: 100%;
 padding: 58px 0;
 margin-bottom: 56px;
 background:
 url(/images/bg-round-top.png) repeat-x 0 0,
 url(/images/bg-round-bottom.png) repeat-x 0 100%,
 url(/images/bg-round.jpg) repeat 0 0;
 background-attachment: scroll;
 background-size: 100%;
}
<img title="На мобильных устройствах фон не тянется, обрезается на половине и всё" src="//sprtqa.b-cdn.net/download/f05643601e37ed9b92134d4e6c7ed672_i-72.jpg">

Анастасия Любимова · Accepted Answer

html { width: 100%; overflow-y: scroll; }
body { width: 100%; }

полный бред) оно и так 100%. а вот мета-теги могут спасти ситуацию, если на body min-width не сработает. 
Что-то типа 
<meta name="viewport" content="width=device-width, initial-scale=1">, но уже под свои нужды

Иван Григорьев · Answer

почитайте про адаптивную верстку

Андрей Денисов · Answer

а ты точно CSSку именно ту что нужно редактируеш? при адаптивной верстке + CMS + шаблон ЦССок может быть тьма.. . отсюда и вопрос