1

私のビューのほとんどには 5 ～ 10 個のウィジェットがあり、ボタンやドロップダウンの見栄えを良くする方法を見つけようとしています。
サイズを現在の画面サイズの % として設定しようとしましたが、これは非常に大きな画面や非常に小さな画面には理想的なソリューションではありません。モバイル ユーザーが主要なエンド ユーザーになります。これを実現する最善の方法は何ですか?つまり、モバイル ユーザーは実際には適切なサイズのボタンを小さな画面で見ることができますが、PC ユーザーはフルスクリーンの場合に巨大なボタンを見ることはありません。

4

2 に答える 2

1

ViewPort Metaタグを使用して、デバイスwidths and heights上のWebアプリケーションを適切に維持することもできます。すべてを変更する必要はありません。mobilelayouts

The viewport meta tag to control layout on mobile browsers.

ビューポートを設定するためにすでに回答した以下の質問も参照してください。

ビューポートメタタグで最小幅を実現

于 2013-02-28T14:56:55.820 に答える
0

最新のブラウザーでは、他の応答で言及され、ドキュメント全体に適用されるビューポートとは別に、css スケール変換を使用できます。

この純粋な html/css の例を参照してください

私が GWT で行っていることは、デスクトップとモバイルの順列に異なるスケール値を持つ異なる .ui.xml または css バンドルがあるか、コードで変更するか (ウィンドウ サイズ、ブラウザーの種類などのベースでスケール係数を計算する) です。

2 番目のケースでは、gwt 要素メソッドを使用できます。

 panel.getElement().getStyle().setProperty("WebkitTransform", "scale(0.65, 0.65)");
 panel.getElement().getStyle().setProperty("MozTransform", "scale(0.65, 0.65)");

または、gwtquery構文を使用します。

$(panel).css($$("-webkit-transform: scale(0.65, 0.65); -moz-transform: scale(0.65, 0.65);"));
于 2013-03-01T09:39:16.517 に答える