0

現在のサイトを小さなデスクトップ画面サイズに合わせて調整する必要があります。すべての画面で表示できますが、14 インチなどの小さい画面でのみ表示されます。左側にスクロールバーが作成されるため、必須ではありません。

彼らは私に、サイトを 14 インチに収めるために可能な限りすべてを縮小するように依頼しましたが、大きな画面サイズで表示されたときのように表示できるようにしました。誰かがこれに対処するのを手伝ってくれませんか? いいえ、iPhone 画面はオプションではなく、別のデスクトップのみです。画面、特に小さいもの。

何を変更すればよいか教えていただけますか?

4

2 に答える 2

0

すでにスタイルシートと Web サイトが作成されているため、最初から作成するのは困難です。

しかし、あなたは追加することができます

@media screen and (min-width: ###px) and (max-width: ###px) {
    .sample { /*stuff here */ }
    body { /* stuff here */ }
}

スタイルシートの一番下に。

上記の ### を必要な最小幅と最大幅に変更できます。だからあなたは好きにすることができます

@media screen and (min-width: 768px) and (max-width: 959px) {

と

@media screen and (min-width: 479px) and (max-width: 767px) {

など、必要なすべてのサイズに対応しています。

于 2012-08-27T06:26:37.890 に答える
0

次のいずれかを実行できます。

  • 小さいデバイスで動作するように現在のスタイルシートを変更します (14 インチはそれほど小さくないので、これは良い選択肢かもしれません)。これは、スクロールバーを取り除く簡単な方法です。

  • 特定のデバイスにのみ適用される別のスタイルシートを記述し、メディア クエリを使用して必要なデバイスをターゲットにします (たとえばmin-width、max-width式を使用)。これは、小さなデバイス用にスタイルシートを好きなだけ微調整でき、大きなデバイス用のページを壊すリスクがないことを意味します.

PhoneGapは、画面のサイズを変更するとスタイルシートが変化する Web サイトの良い例です。

于 2012-08-27T06:05:18.100 に答える