モバイルデバイスではページの幅の80％しか表示されません

Question

スマートフォンやタブレットに表示されているかどうかにかかわらず、インデックスページに全幅で表示されない友人に対して行ったレスポンシブサイトをアップロードしました。

私の名前を知り、知られているように女性は私に恵まれています。彼女は成長したいと思うビジネスがあり、私たちはインターネットを始める場所だと考えました。

奇妙なことは、サイトの他のページが適切な幅と高さでうまくレンダリングされていることです。

これは、「@media screen」クエリの問題であると考えています。

CSSの「幅」とその他のプロパティと値は、モバイル以外のページのコード全体では、小さなモバイルクエリに「カスケード」されますが、「ヘッド」、「HTML」、それが状況を改善するかどうかを確認します。

これはありませんでした。

サイトはここで見ることができます：www.notaryonwheelsshaver.com

CSSはここで読むことができます：http://www.notaryonwheelsshaver.com/css/nows.css

任意の助けいただければ幸いです。

Answer 1

最初のメディアクエリ（780px）には、html,body - >height: 100%x;に入力ミスがあり、その下のmin-width属性を妨げている可能性があります。

これで解決できるかどうかはわかりませんが、気づいたのです。

Answer 2

私は問題があなたのCSSファイルであると思う：

html, body { 
     font-family: Tahoma, Helvetica, Arial, sans-serif; 
     font-size: 14px; 
     line-height: 26px; 
     background-color: #FFF; 
     color: #555; 
     padding: 0; 
     margin: 0; 
     height: 100%; 
     width: 100%; 
    } 

EDIT：

html, body { 
     font-family: Tahoma, Helvetica, Arial, sans-serif; 
     font-size: 14px; 
     line-height: 26px; 
     background-color: #FFF; 
     color: #555; 
     padding: 0; 
     margin: 0; 
     height: 100%; 
     /*width: 100%;*/ 
    } 

/*width: 100%;*/がコメントアウトされ、ブラウザがコードをスキップ可能にそれを変更してみてくださいあなたは幅を持っていますまた、コメントしました：

.wrapper { 
     /*min-width: 100%;*/ 
     min-height: 100%; 
    }