iOS Safari で IFrame をレスポンシブにする方法
IFrame を使用して Web サイトにコンテンツを組み込む場合、IFrame がコンテンツを保持することが重要です。その応答性。 HTML または CSS を使用して IFrame の幅を 100% に設定するのは簡単そうに見えますが、iOS Safari には独特の課題があります。
外部スクロールを備えた応答性の高い IFrame
IFrame の幅がコンテンツは完全に応答し、内部スクロールバーは必要ありません。iOS Safari では、IFrame のサイズが自動的に変更されます。
内部スクロールを備えた応答性の IFrame
ただし、IFrame コンテンツに水平スクロール領域が含まれる場合、問題が発生します。 iOS Safari は、オーバーフロー設定を無視して、スクロール領域が完全に表示されるように IFrame のサイズを変更します。
解決策
この問題に対処するには、次の 2 つの解決策があります。
IFrame を変更するコンテンツ:
-
IFrame のコンテンツ内のスクロール div の幅 (例: div#ScrolledArea) を次のように設定します:
width: 1px; min-width: 100%; *width: 100%;
- This div の幅が IFrame の幅より小さいことを保証しますが、それでも占有できるようにします利用可能なスペースの 100%。
IFrame 要素を変更します:
-
IFrame のコンテンツにアクセスできない場合、同じ CSS を IFrame に適用できますそれ自体:
iframe { width: 1px; min-width: 100%; *width: 100%; }
- さらに、scrolling="no" 属性を使用して IFrame のスクロールバーを無効にします。
以上がレスポンシブ IFrame が iOS Safari で動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ライブトークやクラス中にインタラクティブなアニメーションを表示しなければならなかった場合、スライドと対話するのが必ずしも簡単ではないことを知っているかもしれません

Astroを使用すると、ビルド中にほとんどのサイトを生成できますが、fuse.jsのようなものを使用して検索機能を処理できるサーバー側のコードが少しあります。このデモでは、ヒューズを使用して、個人の「ブックマーク」セットを検索します。

ドキュメントが保存されている間にGoogleドキュメントに表示されるものと同様に、プロジェクトの1つに通知メッセージを実装したかったのです。言い換えれば、a

サイエンスフィクションの初期の頃から、私たちは私たちに話しかける機械について空想してきました。今日は当たり前です。それでも、作成のための技術

私はその日私たちにワードキャンプにいたので、グーテンバーグがコアにリリースされたときのことを覚えています。数ヶ月が今から経過しているので、ますます私たちのことを想像してください

ほとんどのWebアプリケーションの背後にあるアイデアは、データベースからデータを取得し、可能な限り最良の方法でユーザーに提示することです。そこでデータを扱うとき

'は、理にかなっていると思われることを非常に実行できる状況を少し段階的に実行しますが、CSSのトリックでそれを成し遂げることができます。これで


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

Dreamweaver Mac版
ビジュアル Web 開発ツール

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
