ここで表示できるレスポンシブ画像ギャラリーページを作成しています. メディア クエリを使用して、iPad の代替レイアウト (縦向きと横向きの両方) を正常に定義できましたが、iPhone ビューポートの重要な要素を隠すのに問題があります。この問題は、私が jQuery を使用しているという事実に起因します-「ギャラリー」画像ギャラリープラグインを介して-- #gallery div を動的に表示するため、javascript を無効にすると正常に劣化します (この場合、サムネイルのみが表示されます)。最終的には、iPhone を対象としたメディア クエリでこの動作 (サムネイル ブロックの表示のみ) を再現したいのですが、#gallery ID と .content クラスの両方を「display:none」に設定しても効果がありません。ギャラリフ スクリプトが "display:block" をインライン宣言として指定しているためです。
「display:none」に「!important」を追加しても効果がないようです。jQueryインライン宣言を何らかの方法でオーバーライドする方法はありますか? 1 つのオプションは、iPhone のスクリプトを無効にすることだと思いますが、それは最も洗練された解決策とは思えません...
ここでのガイダンスに感謝します。