横幅100%画像の上に文字いれたい（レスポンシブで！）と思い
background-size: cover;を適用してみると、
スマホサイズまで縮小すると、なぜか、100%じゃなくなるという現象あり、
急いでいたので、取り急ぎ下記の方法を使って、
なんとか、形にしました(・∀・)

【css】

<style>
.background{
background-image: url('背景にしたい画像.jpg');
background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.background_content{
padding:100px 10px;
}

.background_content p{
text-align:center;
color:#fff;
}

</style>

【html】

<div class="background">
<div class="background_content">
<p>文字が入ります</p>
<p>ここに文字がはいります。ここに文字がはいります。<br>
ここに文字がはいります。ここに文字がはいります。
</p>
</div>
</div> 

参考URL http://keicode.com/script/css-background-size.php