phonegap アプリケーションの開発は終了しましたが、レイアウトに問題があります。css ファイルを使用して作成しています。問題は、アプリケーションがデバイスの画面サイズをとらないことです。柔軟にして、アプリを拡張して適切なサイズにする必要があります。 . どんな助けでも大歓迎です。よろしく、
4 に答える
PhoneGap を使用すると、デバイスの画面サイズを確実に見つけることができます。
var widthScreen = window.innerWidth;
var heightScreen = window.innerHeight;
取得したサイズによると、使用しているデバイスの種類を安全に想定でき、インターフェイスを設計する際に重要な情報を得ることができます。
パーセントを使用しますが、いくつかの特定の方法で、ピクセル単位で何かが必要な場合は、さまざまな css スタイル ファイルを使用できます。たとえば
<link rel="stylesheet" type="text/css" media="only screen and (min-device-width : 240px)
and (max-device-width : 320px) " href="css/small.css" />
Css3 media-query を使用して問題を解決したり、
またはあなたが使用することができます
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
解決することを願っています:D
使用している CSS が幅または高さを強制しているようです。要素に特定のピクセル サイズを使用する代わりに、(少なくとも幅には) パーセントを使用してみてください。また、レスポンシブ Web デザインについて学び、モバイル デバイス向けの効果的な UI を設計するのに役立てることもできます。簡単なGoogle検索で、それを学び始めることができます.