11

携帯電話ユーザー向けに HTML ページを自動的に調整する簡単な方法はありますか? 私のページ: http://www.xiexianhui.com/baxjoomla15/index0.htmlどうやら私のソニーの xperia ray 電話に収まりません。

4

2 に答える 2

25

まず、レスポンシブ Web デザインの概念を確認する必要があります。多すぎて、この質問は一般的すぎてすべてに答えることができません。しかし、一言で言えば、3 つのコンポーネントが必要です。

  1. メディア クエリ。さまざまな CSS スタイルをさまざまな画面サイズに配信します。
  2. 流動的な css グリッド。サイトのレイアウトは画面のサイズに自動的に適応します。
  3. 柔軟な画像。コンテンツ コンテナーと重ならないように、すべての画像が流動的に縮小されます。

携帯電話の画面にサイト全体を表示したいだけの場合は、viewport メタ タグを使用する必要があります。これ<head>をあなたのページに入れます：

<meta name="viewport" content="width=device-width">

ページが画面に完全に収まります。しかし、今ではすべてが非常に小さく、使い物にならないことに気付くでしょう。それを解決するのがレスポンシブWebデザインです。

于 2012-06-20T20:53:45.950 に答える
0

すでに述べたことに便乗すると、WURFL、http ://wurfl.sourceforge.net/、ワイヤレス ユニバーサル リソース ファイルは、デバイス記述リポジトリ (DDR)、つまり HTTP 要求ヘッダーをプロファイルにマップするソフトウェア コンポーネントです。リクエストを発行した HTTP クライアント (デスクトップ、モバイル デバイス、タブレットなど) の

1 つの近道: 基本的な古い電話、新しいカラフルな電話、高機能の電話と PDA をカバーする 3 つの異なるレイアウトを準備します。これは非常に単純な作業であると同時に、優れた結果をもたらします。このリンクも見てみたいと思います。http://mobiforge.com/developing/story/introduction-wurfl

于 2012-06-20T21:00:56.203 に答える