0

Google Nexus フォンは、(私にとっては) 巨大な画面解像度を提供し、私のモバイル アプリケーションはすべて、PhoneGap が非常に小さく見えます。たとえば、デスクトップ コンピューターでアプリケーションをテストする場合、すべて問題ありませんが、コンパイルして Google Nexus スマートフォンにインストールすると、ボタンが小さくなり、テキストがほとんど読めなくなります。

私は Twitter Bootstrap を使用していますが、この電話の他のフレームワークでも同様の結果が得られるのではないかと心配しています。

Web ページのモバイル バージョンは、Mobile Chrome で表示すると、簡単に適応し、デスクトップ コンピューターやその他のデバイスと同じように使用できます。PhoneGap のアプリケーションだけがとても小さく見えます。

この問題の簡単な回避策はありますか?

4

1 に答える 1

1

デフォルトでは、Bootstrap はレスポンシブ レイアウトをサポートしていません。それは非常に専門的に説明されています：「Bootstrapには、現時点ではレスポンシブ機能がデフォルトで含まれていません.

1 つのタグを変更し、セクションmeta内の参照を通常の CSS からレスポンシブなものに置き換えると、<head>問題は解決します。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

この単純な変更の後、PhoneGap アプリケーションは大きな画面サイズと密度に正しく適応し、Bootstrap 要素を正しいサイズで表示します。

于 2013-02-14T21:05:21.753 に答える