CSS-HTMLビューポートページ

私はHTMLページで作業しています。スマートフォンレンダリングでは、ページの内容の最後に白い部分が表示されます（注：コンテンツは背景で終了します）。 Screenshot CSS-HTMLビューポートページ

私は、次のCSS/HTMLのルールを使用しています：それはそのように動作しますなぜ

<meta name="viewport" content="width=device-width, initial-scale=0" >  
@media only screen { 

    html{width:100%; 
    height:100%; 
    } 

    body {background-image:url("sf.png"); 
    background-repeat:no-repeat; 
    background-size:auto; 
    background-attachment:fixed; 
    }`

誰かが知っているだろうか？オートは、元の幅/高さの比で背景画像を保持します：

出典

2016-11-23 Deanjoe

背景サイズをカバーするために、画像を拡大しbackground-size:cover; background-position: center center

を試してみてください。 – Goombah

は、このすべてのエリア

出典

2016-11-23 08:39:05 Francesco

それは私のエラーを解決しました、ありがとう！ – Deanjoe

CSS-HTMLビューポートページ

答えて

関連する問題