CSSのアンドロイドが画面に収まるようにサイズを決定する方法

今回はCSSのヘルプが必要です。私はあなたのために私の問題を理解するためにこれらの画像を投稿しています。CSSのアンドロイドが画面に収まるようにサイズを決定する方法

私はアンドロイドの本当のサイズと互換性を持たせるためにしようとしています。私は電話機の設計に慣れていないので、画面サイズを決定する際に問題があります。 1つの画面に全部丸める方法はありますか？また、ユーザーがこのページに移動したときに画面が自動的に横向きに変更されるようにする方法はありますか？

私はあなたのCSSコードをブロックしたいと思いますが、ここに貼り付けるときは読みにくいです。

((Activity) getContext()).getWindowManager() 
        .getDefaultDisplay() 
        .getMetrics(displayMetrics);

は非推奨メソッドから現在のSDKの下位互換性に合わせて：あなたはこのような何かをする必要があるビューでは、実行時の表示の幅&高さ

DisplayMetrics displaymetrics = new DisplayMetrics(); 
getWindowManager().getDefaultDisplay().getMetrics(displaymetrics); 
int height = displaymetrics.heightPixels; 
int width = displaymetrics.widthPixels;

を得ることができ、このコードを使用して

出典

2016-04-27 AhKing

：

int Measuredwidth = 0; 
int Measuredheight = 0; 
Point size = new Point(); 
WindowManager w = getWindowManager(); 

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
w.getDefaultDisplay().getSize(size); 
Measuredwidth = size.x; 
Measuredheight = size.y; 
}else{ 
Display d = w.getDefaultDisplay(); 
Measuredwidth = d.getWidth(); 
Measuredheight = d.getHeight(); 
}

マニフェストでは、 screenOrientationをランドスケープに設定します。これは、XMLで次のようになります。

<activity android:name="MyActivity" 
android:screenOrientation="landscape" 
android:configChanges="keyboardHidden|orientation|screenSize"> 
... 
</activity>

出典

2016-04-27 17:15:58

返信ありがとうございます。私の謝罪はこれらの前に通知していません。私はionic and notroid studioを使用しています。イオンを使って方位を変える方法は？ – AhKing

最初のステップは、あなたのhtmlの<head>に適切なメタタグを置くことです：

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

あなたのページには、少なくとも認識させる必要があることさまざまな画面サイズでデザインを見栄え良くすることは別の話です。そのための一般的なアプローチは、あなたのCSSに流体の寸法（width: 800pxの代わりにwidth: 100%と考える）とメディアクエリ（@media (max-width: 480px) { ...css rules for small screens go here... }のような）を使用することです。

出典

2016-04-27 17:26:07 jack

お返事ありがとうございます。 px形式を％に変更することで動作します。どんな意味でも、ユーザーがそのページに移動したときに、画面を横に向けて修正する方法を知っていますか？ – AhKing

いいえ、私はそれが本当に可能であるとは思わない（または良いユーザーエクスペリエンス） - デバイスの方向を制御するのは、自分が見ているサイトではなく、ユーザーの責任です。 – jack

CSSのアンドロイドが画面に収まるようにサイズを決定する方法

答えて

関連する問題