そのため、私はレイアウトを作成してきましたが、これまで Webkit 以外のブラウザーでテストしたことはありませんでした。
しかし、これを ie8 と firefox でテストしたところ、対処したい問題がいくつか見つかりました。
サイト:
まずはInternet Explorer 8 です。
互換モードに関係なく、JavaScript をオフにしても、これらの問題はすべて発生します。
- ヘッダーに配置された要素は完全にオフです。
- 「楽に聴こえるように...」というテキストと数字は、インラインで右にフロートする必要があります。
<ul class="head">
まったく表示されません。- どちらでもない
<ul class="mainmenu">
- 他のいくつかの css スタイルは発生しません
ファイアフォックス
<div id="maincontentbody">
ヘッダー要素をスクロールした後、スクロールアウトしてビューにスクロールするレイアウトを作成しました<div id="footerblock">
。しかし、Firefox では、画面の高さの 100% までスクロールすると動かなくなります。
更新maincontentbody
-Firefoxの問題を解決する別の方法は、jquery/jsを使用することです。ユーザーがページの100%の終わりまでスクロールしたことを知り、スクロールを
切り替える何らかの機能を実行できた場合body
、私はきれいですどうやってこれを行うことができるのか混乱しています.100%に達したユーザーを捕まえるのに苦労しています.innerHeightは正しい結果を与えていません.
これらの問題を修正する方法については完全に迷っており、助けていただければ幸いです。