タグ付けされた質問 「mobile-website」

14
コロナ、フォンギャップ、チタンの比較
ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 私はWeb開発者であり、Web製品をiPhoneに移行したいと考えています。製品の1つはGoogleマップのようなものです。電話スクリーンに地図を表示します。地図をドラッグまたはサイズ変更して、地図に追加した情報を表示できます。 HTML、CSS、JavaScriptを使用してネイティブのiPhoneアプリを開発できるいくつかのテクノロジーがあることは知っています。私はいくつかを特定しました: Ansca Mobile PhoneGap Appcelerator 他に同様の製品はありますか?それらの違いは何ですか?どちらを選べばいいですか?


16
CSS3メディアクエリが機能しないのはなぜですか?
styles.cssでは、メディアクエリを使用しています。どちらも次のバリエーションを使用しています。 /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } サイトを縮小すると、通常のブラウザー(Safari、Firefox)で必要なレイアウトにサイトのサイズが変更されますが、携帯電話ではモバイルレイアウトがまったく表示されません。代わりに、デフォルトのCSSが表示されます。 誰かが私を正しい方向に向けることができますか?

3
<input type =“ tel” />を使用してもよろしいですか?
私は携帯電話のWebアプリに取り組んでおり、の恩恵を受けることができるいくつかのテキストフィールドがあります&lt;input type="tel"/&gt;。iPhoneはユーザーのためにキーボードを調整しますが、後方互換性を壊すのではないかと心配しています。私が期待しているのは、これをサポートするブラウザ/電話がユーザーを支援し、他のブラウザが標準のテキストフィールドにフォールバックすることです。これは許容できる方法ですか?それでも機能しますか?

14
iOS Safari –オーバースクロールを無効にして、スクロール可能なdivに通常のスクロールを許可する方法
私はiPadベースのWebアプリで作業しています。Webページのように見えないように、オーバースクロールを防ぐ必要があります。私は現在、これを使用してビューポートをフリーズし、オーバースクロールを無効にしています: document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); これはオーバースクロールを無効にするのに最適ですが、私のアプリにはいくつかのスクロール可能なdivがあり、上記のコードではスクロールできません。 私はiOS 5以上のみをターゲットにしているので、iScrollのようなハッキーなソリューションは避けました。代わりに、スクロール可能なdivにこのCSSを使用しています。 .scrollable { -webkit-overflow-scrolling: touch; overflow-y:auto; } これはドキュメントのオーバースクロールスクリプトなしで機能しますが、divスクロールの問題を解決しません。 jQueryプラグインなしで、オーバースクロールの修正を使用する方法はありますが、私の$( '。scrollable')divを免除しますか? 編集: 私はまともな解決策であるものを見つけました: // Disable overscroll / viewport moving on everything but scrollable divs $('body').on('touchmove', function (e) { if (!$('.scrollable').has($(e.target)).length) e.preventDefault(); }); divの先頭または末尾を超えてスクロールしても、ビューポートは移動します。それを無効にする方法も見つけたいのですが。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.