0

Android ブラウザでブログを読めるようにしようとしていますが、常に水平方向にスクロールする必要があります。現在、私のソリューションはクロムで動作しているため、ウィンドウのサイズを記事のコンテンツよりも小さい幅に変更すると、記事は水平スクロールバーなしで縮小されます。ここでブログ記事の例を見ることができます。

私がこれを行う場合：

<head>
   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; minimum-scale=1.0; user-scalable=yes;" />
   <meta name="apple-mobile-web-app-capable" content="yes" />

   <style type="text/css">
      body {
        overflow: hidden;
        margin: 0;
      }

      #container {
        max-width: 650px;
        margin: auto;
      }
   </style>
</head>
<body>
   <div id="container">Content goes here.</div>
</body>

次に、ここに示すように機能しますが、私のページの他の何かが混乱しています。クロムでは、必要な効果が得られますが、Android ブラウザーでページを開くと、水平方向にスクロールする必要があります。

編集：これをFacebookのiframeまでたどりました。とにかくこれを回避するには？

4

1 に答える 1

3

Androidがオーバーフローコマンドを完全に無視するという同じ問題が時々発生します。最初の問題は、内部要素ではなく、ボディに隠されたオーバーフローを使用していると思います。

私なら、変えるね：

<style type="text/css">
   body {
     overflow: hidden;
     margin: 0;
   }

   #container {
     max-width: 650px;
     margin: auto;
   }
</style>

これに：

<style type="text/css">
   body {
     margin: 0;
   }

   #container {
     overflow: hidden;
     max-width: 650px;
     margin: auto;
   }
</style>

実際の「#container」div に入るものに注意してください。画面外に表示される可能性がありますが、オブジェクト タグ (フラッシュ ビデオ プレーヤー) のバグを修正できませんでした。オーバーフローはモバイルにとって苦痛です。可能であれば、流体を開発してそこから進みます。その場合、実際に max-width を設定する必要はありません。これにより、ユーザーは必要に応じて Web サイトを閲覧できます。

于 2012-07-16T22:02:01.613 に答える