0

phonegap アプリケーションの開発は終了しましたが、レイアウトに問題があります。css ファイルを使用して作成しています。問題は、アプリケーションがデバイスの画面サイズをとらないことです。柔軟にして、アプリを拡張して適切なサイズにする必要があります。 . どんな助けでも大歓迎です。よろしく、

4

4 に答える 4

0

PhoneGap を使用すると、デバイスの画面サイズを確実に見つけることができます。

var widthScreen = window.innerWidth;
var heightScreen = window.innerHeight;

取得したサイズによると、使用しているデバイスの種類を安全に想定でき、インターフェイスを設計する際に重要な情報を得ることができます。

于 2013-03-05T23:08:22.153 に答える
0

パーセントを使用しますが、いくつかの特定の方法で、ピクセル単位で何かが必要な場合は、さまざまな css スタイル ファイルを使用できます。たとえば <link rel="stylesheet" type="text/css" media="only screen and (min-device-width : 240px) and (max-device-width : 320px) " href="css/small.css" />

于 2013-07-19T13:41:06.307 に答える
0

Css3 media-query を使用して問題を解決したり、

またはあなたが使用することができます

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

解決することを願っています:D

于 2013-07-20T01:39:22.073 に答える
0

使用している CSS が幅または高さを強制しているようです。要素に特定のピクセル サイズを使用する代わりに、(少なくとも幅には) パーセントを使用してみてください。また、レスポンシブ Web デザインについて学び、モバイル デバイス向けの効果的な UI を設計するのに役立てることもできます。簡単なGoogle検索で、それを学び始めることができます.

于 2013-01-29T17:01:38.857 に答える