0

すべての要素のサイズとオフセット (画像やフォントなど) が px 値を使用して定義されているプロジェクトに関連付けられた CSS ファイルがあります。これらの px 値は、960x540 の固定画面解像度を持つターゲット プラットフォームに基づいています。

これらすべての値を、1280x720 の解像度を使用する別のプラットフォーム用に拡大したいと考えており、これを可能にするツールを探しています。関連するプラットフォームは CPU 能力が高くなく、すべてが同程度の CSS3 機能をサポートしているわけではないため、実行時にアプリ内でこれを行うことは避けたいと思います。

Google で何も見つけられなかったので、仕事をするオンライン ツールを知っている人はいますか?

4

2 に答える 2

1

今はあまり役に立たないかもしれません..しかし、将来このような問題を避けるために、明示的な css を書くのではなく、lesscssのようなツールを使用することをお勧めします.

良いことは、グローバル変数などを定義できるため、ファイルの上部で画面の幅と高さを指定し、これらの変数を使用して他の要素のスケールを計算できることです。
例えば：

@w: 1280px;
@h: 720px;

#some_div {
    width: @w / 2;
    height: @h / 2;
}

書き込みが完了すると、js ツールが lesscss ファイルを有効な css にコンパイルし、アプリケーションで使用できるようにします。
したがって、解像度を再度変更する必要がある場合は、2 つの変数のみを変更して@w、@hcss を再度コンパイルします。

于 2014-03-16T15:40:05.870 に答える