2017-08-02 15 views
-7

私のウェブサイトに問題があります。 <html>は携帯端末で全幅にならない。HTMLが全幅を取らない

私はBootstrap + Jqueryを使用しています。

私の問題の原因がわかりますか?

ありがとうございます!

Views screenshot

+5

ここにあなたのコードを投稿してください。 – csmckelvey

+1

デバッグヘルプ(「なぜこのコードは機能していませんか?」)には、目的の動作、特定の問題またはエラー、および問題そのものを再現するのに必要な最短コードが含まれている必要があります。明確な問題文がない質問は、他の読者にとって有用ではありません。参照:[最小限で完全で検証可能なサンプルの作成方法](https://stackoverflow.com/help/mcve) – kolunar

答えて

1

私の推測では、あなたのビューポートがオフになっていることです。それを修正するには、あなたのheadに、このメタタグを追加します。

<meta name="viewport" content="width=device-width, initial-scale=1"> 

ビューポートのメタタグの詳細については、this MDN pageを参照してください。

0

私は、ブートストラップを使用した場合の構造が義務付けられ、これが問題に

<div class="container"> 
    <div class="row"> <!--this adds negative margin.--> 
    <div class="col-x-*"> 

    </div> 
    </div> 
</div> 

を引き起こしていると確信しています。

関連する問題