2017-02-15 12 views
0

モバイルコンテンツでフルスクリーンページを作成するには?私は必要なもの

-disabledズーム機能

-fullscreenページ(両方のWebブラウザやモバイルビュー)

-disabledスクロールページ

私がこれまで行っているものです。..

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes"> 
</head> 
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"> 
</body> 

モバイルビューで全画面表示にする方法がわかりません。

私の携帯電話で実行すると、ページの半分だけが表示されます。他のスペースは空白のままにします。

私はそれを解決するのを手伝ってください。

ありがとうございました。

答えて

1

フルスクリーン&ズーム:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> 

や障害スクロールのためには、ウルCSSでこれを追加しよう:

html, body { 
    overflow-x: hidden; 
} 

とで、この性質によって、あなたのbodyタグ内のすべての余白設定を削除しようとしますあなたのメインのCSSファイル

* { 
margin : 0; 
padding: 0; 
} 
+0

ありがとうございました:) –

関連する問題