問題タブ [mobile-devices]

次のデバイスで HTML5 Geolocation を使用しようとしています:

• HTC One X
• アンドロイド 4.1.1
• WebKit/534.30（ブラウザ内蔵WebKit版）

HTML5 Geolocation API を使用する組み込みブラウザと最新バージョンの Chrome アプリ Web サイトでは、私を見つけることができません。ただし、Firefox アプリは数秒以内に私の位置を特定します。

これは問題です。PhoneGap などのマルチプラットフォーム アプリ開発プラットフォームは、アプリ全体のコンテナーとして WebView (= 組み込みブラウザー) を使用するためです。さらに、通常のユーザーは、Web アプリができるはずのことを実行できない場合、別のブラウザーを試すことはありません。

私の最初の考えは、私を見つけるのにもっと時間が必要だったので、タイムアウトを 5 分に設定しました (投稿の下部を参照)。しかし、それは私の場所を見つけることなく、そのタイムアウトに達するだけです. タイムアウトを設定しないと、コールバック関数は呼び出されません (1 時間ほど待ちました)。

2 番目に考えたのは、携帯電話またはブラウザの設定のどこかで、位置情報を要求する Web サイトがブロックされているのではないかということでした。これはそうではないことが判明しました。

したがって、私の次の考えは、ブラウザが W3C 標準に従っていないという意味でプログラミングの問題である可能性があるため、API の動作が異なる可能性があるということです。その場合、このデバイスまたはこれらのブラウザーで場所を取得するにはどうすればよいですか?

Google のような適切にコーディングされた Web サイトでさえ、これらのブラウザーではその API を使用して私の位置情報を取得できないため、プログラミングの問題ではない可能性があります。そうでない場合は、どの StackExchange Web サイトを参照すればよいですか? (たとえば、デバイスの問題の場合は?)

私が使用している API ( MDN ):

mobile versionのサイトを作成しましたWordpress website。m.mysite.comを作成しました。m.mysite.com を見ると、携帯電話の番号に何色(#000)をつけたかが表示されています。しかし、モバイルデバイスでは、常に表示されますWhite Color。

コードは、

CSSは、

モバイルデバイスでも同じ色にする必要があります。何をすべきか？

I'm building one single page website and I want my page to load at some specific div depending if using normal computers or mobiles devices, all I have is:

The code seems to work fine but then I need to detect mobile device so page can scroll down to another div on load function, I have this code so far but I can't make it work:

How can I fix this and how can I put both codes together?

div (「.medianav」) を表示/非表示にする bttn (「.medianavbttn」) があります。私の Web ページはモバイル デバイス用であり、display:fixedCSS コードが動作しないため、代わりに jquery スティッキー ナビゲーションを使用して、ページの上部に貼り付けます。ボタンだけでなく、ナビゲーションも貼り付けたいのでdisplay: hidden、「medianav」も必要です。問題は、この場合、仮想ラッパーの高さがコンテンツなしで表示されるため、ページが押し下げられて見苦しいことです。「medianav」を非表示にする代わりに、仮想ラッパーdisplay: hiddenを作成したので、ナビゲーションの高さは問題ありません。BUT : 仮想ラッパーがすぐに表示されないため、ナビゲーションを開くと、スライド トグルの「スイング」アニメーションがスムーズではありません。

スムーズにアニメーション化する方法を誰か教えてもらえますか? または、それが不可能な場合、貼り付けられたボタンをクリックしてページ内外にナビゲーションをスクロールするには、どの方法を使用すればよいですか?

HTML

スクリプト

CSS

jquery スライド トグルを使用して、bttn をクリックしたときに div を表示/非表示にします。div を THE BUTTON に配置することは可能ですか? （モバイルデバイス用のページの上部にナビゲーションを適切に貼り付けることができるようにするためにこれが必要です。）

HTML

スクリプト

CSS

私は phonegap アプリケーションに取り組んでいます。縦表示専用です。4 インチを超えるデバイスでは、画面が非常に小さく見え、コンテンツ (jQueryMobile フォーム コントロール) の下に 2/5 の空きスペースがあり、空きスペースを埋めるために、フォントや高さなどのサイズを大きくするオプションがありましたが、そうではありませんでした高さ 3.2 インチの小さなデバイスでは、フィールドとフォント サイズが大きくなるので、これは良いことです。

そのため、デバイスの高さに応じて計算した後、font-size を設定しています。デバイスに合うように、幅と高さの両方でフォントサイズが大きくなるため、幅に対してフォントサイズが大きいため、フォントと要素がめちゃくちゃになりました。これは、計算されたサイズを小さくすることで解決できます。しかし問題は、一部のデバイスは高さが 5.3 インチで、幅が 3.2 インチの電話と同じであることです。

私の要件は、画面に正確に収まり、空のスペースがないようにすることではなく、十分なスペースを埋め、ほとんどのデバイスで同じように見えることです。したがって、パーセンテージや「em」などの異なる単位を使用して、このことを達成する他の方法がある場合、それらのソリューションは大歓迎です。そして、どんな努力も高く評価されます。