問題タブ [mobile-chrome]

iOS の Safari (または chrome または firefox) でリンクをクリック (タッチ) すると、リンクの背後に灰色の背景が表示されます (それを保持している間のみ)。CSS を使用してこの機能を削除する方法はありますか?

以下の画像例をご覧ください。

style = "height：22px"を両方の要素に直接適用しても、パスワードフィールドの高さがその上のテキストフィールドの高さと異なるという問題があります。

現在のHTML：

現在のCSS：

これにより、（スタイル属性の有無にかかわらず）次のようにレンダリングされます。

同じ高さでレンダリングするにはどうすればよいですか？なぜこれが発生するのですか？

モバイル Web アプリ用の ics ファイルを自動生成する php スクリプトがあります。

Win7 デスクトップで Chrome を使用すると、ics ファイルが正常にダウンロードされ、Outlook で気に入っています。

私の iPhone で Safari を使用すると、ics ファイルは期待どおりにカレンダー アプリを開き、カレンダーに追加できるようにします。

iPhone で Chrome を使用すると、「ダウンロードに失敗しました。Chrome はこのファイルをダウンロードできません。エラー 102 (): 不明なファイル タイプです。」というメッセージが表示されます。

これらのヘッダーを送信しています:

私のicsファイルの出力は次のとおりです。

iPhone Chrome が気に入らない点についてのアイデアはありますか?

3D CSS トランスフォームを使用しているときに、2 つの要素のクリッピングを防ぐのに問題があります。誰かがこれに遭遇し、解決策を見つけましたか?

問題を説明するために、最新バージョンの iOS のスクリーンショットを添付しました。これはデスクトップ版の Safari でも発生しますが、OS X の Chrome では発生しません。

なぜこれが起こるのか、また状況によってはこれが正しい動作であることも理解していますが、異なるブラウザー間で一貫性がありません。

助けてくれてありがとう:)

私の質問はこれに関連していますが、 Mobile Chomeに関するものを除きます。

次の jsFiddleを検討してください。

• デスクトップChrome では、ドロップダウンに 2 つのオプションが正しく表示されます。
• しかし、Mobile Chrome では1 つしか表示されません。

私の質問：

• Mobile-Chrome で「サイズ」属性を機能させるにはどうすればよいですか?

以下の例は、私のポートフォリオWeb サイトで使用している方法です。

それは「私が住んでいる場所」、「それがどのように始まったか」、「私がどのように働いたか」の約セクションにあり、各スライダーには画像とGoogleマップがあります. 私のウェブサイトの例にあるようにコードを入力しましたが、「overflow: hidden」を削除したのは、Chrome の画面に黒い四角が表示され、ちらつきが発生したためです。スライダーは、デスクトップ コンピューターのブラウザーで正常に動作しています。

この問題は、Iphone で safari や chrome、android で chrome などのモバイル ブラウザーを使用すると発生します。

「slider」の Google マップを開いていないのに画面上部に表示され、「slider3」の画像を閉じてページをスクロールすると画面にスタックします。モバイル Safari の場合、最初は問題ないように見えますが、スライダーを開いたり閉じたりすると、ページをスクロールすると、スライダーが画面の上部または下部に固定されます。

「slider2」では同じ問題は発生しませんが、おそらく横にあるためです。

モバイルブラウザで問題が発生する理由を誰か知っていますか?

前もって感謝します。

jsfiddle

html

CSS

JavaScript

ユーザーがページを拡大縮小したかどうかを確認する簡単な方法はありますか (モバイル デバイスでピンチを使用)?

verge.jsが役立つと思ったのですが、何と比較できるかわかりませんviewportH。