私の大学の Web サイトには、(私が知る限り) Opera 12.xx のみで奇妙な問題があり、すべてのコンテンツがばかばかしく間隔を空けられ、すべてのセクションが空白の巨大なセクションで区切られています。
CSS を調べたところ、いくつかのコンテナには と を含むプロパティがmin-height: 100%
ありましたが、介在する親には明示的に定義された高さがありませんでした。私の推測では、Opera は DOM ツリーをずっと上に再帰し、最上位に到達したため、これらすべてをビューポートの高さの少なくとも 100% にしました。html
body
私のCSSの理解に基づいて、これは何が起こっているべきかのようです。私の質問、次に:
- それは起こっているはずのことですか、それとも私は何かを誤解していますか?
- もしそうなら、なぜこの問題は Opera 12 だけに影響するのですか? (Opera 15 は Webkit を使用しているため影響を受けません。つまり、なぜ Webkit は正常に表示されるのでしょうか?)
- これらすべての min-height 宣言のポイントは何ですか? (繰り返しますが、私の理解では) what の100% に対する答えはないようです。これは、マークされた要素が、自分自身ではなく、親のコンテンツに基づいて高さを設定することを強制していませんか? その意味は何ですか?
大学の Web マスターの 1 人から、このサイトはレスポンシブ デザインを採用しているため、このようにしなければならないと言われました。この流行語が何を意味するのか完全には理解していないことは認めますが、それが何を意味するのかは理解できません。それを行うために。