1
私は、ブートストラップを使って水平スクロールウェブサイトを作ろうとしています。デスクトップでうまく見えますが、モバイルでは大きな問題があります。コードを簡素化：モバイルの横のウェブサイト - どのビューポートですか？
HTML：
<body>
<section id="one">
stuff here
</section>
<section id="two">
stuff here
</section>
<section id="three">
stuff here
</section>
<section id="four">
stuff here
</section>
</body>
CSS：
body {width:400vw;height:100vh;}
section {100vw;float:left;height:100vh}
さて、私はこのようにそれを行う場合：iPhone 5で
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
（そしておそらく他の電話機）すべてのセクションが1ページに表示され、ページの25％ごとに表示され、Bootstrapの固定ナビゲーションバーも画面の25％しか占めませんモバイルの外観）。このコードの一方
：
は<meta name="viewport" content="width=device-width, initial-scale=0.25,maximum-scale=0.25">
各セクションは、ページをスクロール水平にそれが必要のようにきれいに画面にフィットしますが、：
- すべてが小さい - フォント、写真など
- ブートストラップcol-sm、col-xsレイアウトが起動しません。デスクトップレイアウトが遠くから見えるようです。
- ブートストラップnavbarは折りたたまれません - desktのように見えますオペアンプバー
これを解決する方法はありますか？
％とビューポートデバイスの幅を使用 –
@Jonaswありがとう、華麗！私は現在、モバイル上でnavbarに問題がありますが、私はそれを把握できると思います。 – oneday
心配していません:)私は今もまだ新しいので、評判を得る必要があります。解決策として私の答えをマークしてください。 –