ディスプレイ：なしモバイルSafari（iPad上）でCSSコードがいくつかのDivsに影響しない

Question

私はiPadアプリのWebフレームにロードされるWebサイトを持っているので、iPad用の別個のCSSファイルを作成しました。ユーザーエージェント呼び出しによって自動的にロードされます。ここでも難しいことはありません。

問題は、2つのdivがディスプレイに応答していないことです。つまり、CSSがありません。サイドバーとフッタは、CSS上で特に呼び出されているにもかかわらず、iPad上のSafariで正しく隠されている他の要素とまったく同じように表示されています。

www.themonitorgroup.com/disclaimer.htmlは、この問題を説明するのに適したページです。 www.themonitorgroup.com/css/ipad.cssは、ipadの特定のCSSファイルです。

私は何か愚かな単純な私は行方不明だと仮定します。もしあなたが何かを見つけることができたら教えてください。事前にありがとうございます。

Answer 1

バリデータはyour friendです。

#mainnav { 
    display: none; 

をそして、あなたはスタイルシート内#sidebarではなく.sidebarを持っている：あなたはここで閉じ括弧を逃しています。