問題タブ [mobile-devices]

ウェブページを 720*1200 モバイル デバイスに最適化しようとしています: マイ ページ

320*480 および 480*800 デバイスでは完全に機能しますが、720*1200 デバイスでは機能しません。レイアウト ビューポートが 720*1030 で、ビジュアル ビューポートが 360*515 になるように、ページは拡大されて読み込まれます。

ビューポート タグを設定しましたが、効果がありません。

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

前文：

ややレスポンシブなテーマ (スケルトン) を使用しています。画面サイズが小さい場合は、レイアウトを 1 列に変更します。

私の問題は：

画面のサイズを変更しても、ヘッダー画像 (管理パネルのテーマ オプションを使用して挿入したもの) がスケーリングされません。常に 940x150 のままです。モバイルで表示すると、左側の 1 列にコンテンツを含むフル サイズのヘッダーが表示されるため、あらゆる種類の空白が残ります。

したいこと: 画面の幅に合わせて画像を縮小する

また

ヘッダー画像を小さな画面サイズに合わせたものに置き換えます。

オプション 2 の問題は、すべてのデバイスが同じ画面幅を持っているわけではないため、ある程度までスケーリング可能である必要があることです。

理想的には：

以下の幅を超えると、画像は 700 程度 (iPad の横長) と 940 標準の間の画面に収まるようにスケーリングされます。

特定の画面幅 (たとえば、タブレット/iPad サイズ以下、最大幅 700 程度) を下回ると、画像は小さい方の画像に交換され、300 から 700 程度 (iPad サイズのすぐ下) の間で拡大または縮小されます。 ）。

このようにして、画像は常にサイトのレンダリングに適切なサイズになります.

この特定の画像の問題は、中央の空白 (空のスペース) の量です。特定の幅を下回ると、画像の要素がアーティファクトになり、それらの間に非常に多くのスペースができて乱雑になると思います。

サイト：

porthuronairportshuttle.com

デバイスを検出するために WURFL (最新バージョン、2.3.2) を使用している Ektron サイトがあります。IE9 を使用してサイトを閲覧すると、モバイル版のサイトが表示されます。

ユーザーエージェントは-

この UA をWURFL ホームページに入力すると、一般的な Web ブラウザーとして表示されます。

ただし、Asp.NET WURFL ライブラリを使用すると、モバイルとして検出されます。

次のコード-

出力-

なぜこうなった？

通りの名前で経度と緯度を取得する必要があります。私は、Geocoderがその仕事をできることを見ました。ドキュメントには、「Geocoder クラスには、コア Android フレームワークに含まれていないバックエンド サービスが必要です」と記載されています。つまり、Geocoder が Android デバイスに実装されているかどうかはわかりません。

私の質問は、Geocoder の実装がどの程度普及しているかということです。Geocoder を搭載していないデバイスが非常に少ない場合は、それで問題ありませんが、デバイスが多数ある場合は、アプリのこの機能を再考する必要があります。

---

Webサイトでピンチズームを有効にしようとしています。このようにメタビューポートを設定してズームを有効にしようとしましたが、うまくいきませんでした。

私のサイトがまだiPadやiPhoneでズームできない理由はありますか？

Javaアプレットを使用して、Windows 7でポータブルデバイスとして表示されるデバイス（ 「Windows CE」アプリケーションを含む）内のいくつかのファイルにアクセスしようとしています....

私のデバイスパスは次のようなものです

��、同じアドレスを使用してそこからファイルにアクセスしようとしていますが、パスエラーまたはファイルが見つかりません。

同様に私が使用した

��かし、同じエラーが発生し、Javaアプレットを使用してポータブルデバイスにアクセスする方法を教えてください

接続されたデバイスに移動してファイルを右クリックし、そのプロパティを表示すると、その場所が次のように表示されます

また、このファイルを開くと、コンピューターの一時ファイルに自動的に配置されます。署名付きアプレットも使用しているため、ファイル アクセスが拒否されるという問題はありません。

私も使った

��かし、接続されているポータブル デバイスも一覧表示されません。Java アプレットを使用して、ポータブル デバイスにファイルを書き込む必要があります。

私はこの小さなデスクトップ Java アプリケーションを作成して、いくつかの定義済みファイルを Android タブレット/スマートフォンから自分のコンピューターにバックアップしようとしていました。

これまで、私は主に File.getRoots() 関数を使用して、すべてのドライブに問題なく到達していました。これを 2 台の Android フォンで正常にテストしましたが、Galaxy Note で試したときに問題が発生しました。最初の 2 つとは異なります。このデバイスは「リムーバブル メディア」ではなく、「モバイル デバイス」として扱われます。したがって、現在の方法を使用して到達することはできません。「リスト」されていないだけです。

また、cmd を介してこれらのモバイル デバイスに到達する方法があるかどうかも調べました。

私の目標は、プラグ > アプリケーションの実行 > プラグを抜くだけでバックアップすることです。

それで、それだけです、私は立ち往生しています！どんな手掛かり？

前もって感謝します:D

サイトのカスケード スタイルを記述する場合、メディア クエリを使用して小型デバイス用に指定できます。

例えば@media only screen and (min-width: 480px) and (max-width: 767px) {}

これは、特定のページ レベル (.html など)、スタイル シート リンク、または代わりに .css 自体に入力できます。

完全に別個のスタイルシートを提供する、プライマリ スタイルシートをロードして「モバイル専用」バージョンで上書きする、またはスタイルシート自体内でセレクターを上書きする方が良い方法ですか? (おそらく、レイアウトのスタイルは相互に排他的です)

また、不必要な作業を避けるために、そもそも適用できないスタイルを読み取らないように小さなデバイスを除外する必要がありますか?

最後に、開発者は、小型デバイスと互換性がない可能性が低いレスポンシブ スタイルに焦点を当てることで、これらの質問を完全に回避する必要がありますか?

小さなキャンバス ゲームを作成しましたが、PC とモバイル デバイスの両方で動作するようにしたいと考えています。

PC ではキャンバス領域は期待どおりに機能しますが、モバイル デバイス向けにデザインするときに問題が発生します。

ユーザーがダブルタップしたときに Web サイト内のキャンバス領域がフルスクリーンになる方法 (CSS または JavaScript) はありますか? キャンバスが画面全体に収まるほど大きくないとゲームをプレイできませんが、モバイル デバイスでキャンバスが完全に画面いっぱいになるようにズームするのは難しいと思います。

言い換えれば、CSS または javascript/jQuery ソリューションを全画面表示 (キャンバス領域に完全に合うようにデバイスのズームを設定) する必要があります。モバイル デバイスのキャンバス領域です。

例

たとえば、iPhone でダブルタップしてみてください。iPhone の Safari のデフォルトのアクションは、キャンバスと同じくらいズームすることですが、それでもキャンバスに完全にフィットしません。今のところ、アスペクト比は無視する必要がありますが、キャンバスのアスペクト比がデバイスの画面と同じでない場合は、上下に空白の黒いストリップを追加する答えも素晴らしいでしょう:D

または、別の言い方をすると、ユーザーがダブルタップすると、画面がキャンバスを「ロック」し、ユーザーが再度ダブルタップするまでパンまたはズームが無効になります。

サイトの閲覧 (HTML5 に組み込まれている) がコンピューターまたは携帯電話デバイス (iPhone、Android など) のどちらで行われたかを知るにはどうすればよいですか?

ユーザーエージェントのようなものがあることは知っていますが、彼の特定のコード行を知りたい..

コンピューターを使用しているときは何を表示し、携帯電話を使用しているときは何を表示しますか?

ありがとうございました