2

ハンドヘルド デバイスで Web サイトのサイズを変更しようとしていますが、何らかの理由でスタイルシートに応答しません。レスポンシブ デザインのリンクを見て、www.sofiamillares.com をサイト テストとして配置すると、トップ ラインが途切れて、すべてが非常に大きく見えます。

なぜそれがそうしているのか、そしてそれを修正する最も簡単な方法は何ですか？

4

2 に答える 2

1

これは、設計が完全に流動的ではないために発生しています。

あなただけcontainer divが幅で調整します（少し）

これをすばやく修正するには、

  1. パーセンテージ幅を指定してdiv、画面の解像度に合わせてスケーリングします

  2. 正方形のボックスを一番下に浮かせて、小さな画面に積み重ねられるようにします

  3. メディア クエリまたは一部の js デバイス検出を使用してモバイル デバイスをターゲットにし、変更した CSS スタイルシートを送信することを検討してください。

ここでアイデアを得る: http://mediaqueri.es/

于 2011-10-04T04:14:54.127 に答える
1

Jason が示唆するように、サイトのモバイル専用バージョンを作成することが通常は最善の解決策です。次に、「android」や「iphone」などのフレーズのユーザー エージェント文字列をテストし、ユーザーをモバイル サイトにリダイレクトできます。JavaScript や、あらゆる種類のブラウザー検出を行う多くのサーバー側プログラミング環境 (PHP、ASPX など) で利用できるライブラリがあります。

モバイル サイトを構築するときは、モバイル データ接続ですばやく読み込まれるようにページを軽量化し、縦向きの小さな画面に合わせて適切にフォーマットする必要があります。

于 2011-10-04T04:26:06.050 に答える