1

固定サイズの HTML5 DOM ベースのゲームを開発しています。アニメーションとグラフィックが自然に得られました。1000px x 620px に固定されていますが、さまざまなサイズのデバイスに比例してゲームを縮小することはできません。私は iPad にはうまくフィットしますが、たとえば iPhone ではゲームの一部しか表示されません。

全体を縮小するのは簡単だと思いましたが（グラフィックスを含む）、その解決策が見つかりません。

私のオプションは何ですか。現在、iPad、iPad mini、および iPhone 用のメディアクエリを使用した 3 つのまったく異なる CSS を考えています。しかし、それには多くの余分な作業が必要なようです。

助けてくれてありがとう！

4

1 に答える 1

0

ページを iframe 化し、標準の変換を使用して必要なサイズにスケーリングしてみてください。ゲームを高さ/幅に依存しないようにする方がおそらく良いですが、これは問題を迅速に解決するのに役立つかもしれません:

iframe {
    -ms-zoom: 0.25;
    -transform: scale(0.25);
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
}
于 2013-09-05T14:59:09.410 に答える