1

画面サイズに大きく依存する非常に特殊な対話機能を持つ Web アプリケーションを作成しています。上記の機能の 2 つのバージョンを作成する予定です。1 つはデスクトップ用、もう 1 つはモバイル用です。

これにより、画面サイズをターゲットにするという問題が発生します。これらの機能のモバイル バージョンでサポートする最大の画面サイズとして、Samsung Galaxy Note を使用することにしました。ただし、このためには、この画面のCSS ピクセルサイズを調べる必要があります。

ディスプレイが 13.46 cm (5.29 インチ) で 800x1280 px (285 ppi) であることがわかっている場合、どうすればこれを確認できますか?

4

3 に答える 3

1

CSS Pixel Device-Width は、Pixel Width を CSS Pixel Ratio で割り、最も近い整数に丸めることで計算できます。

ここにリスト：

http://www.canbike.org/CSSpixels/

于 2015-06-24T05:13:49.630 に答える
0

サイズが 800x1280 ピクセルであることがわかっている場合は、このデバイス (およびそれよりも小さいすべてのデバイス) を次のようにターゲットに設定できます。

@media only screen and (max-width: 1280px) {
    *your styles here*
}

また、これをページのセクションに追加し<head>ます。

<meta name="viewport" content="width=device-width">
于 2013-05-23T11:20:19.083 に答える