0

私はウェブサイトを持っており、Google chrome ではすべてが完璧に動作しますが、IE と Firefox では、ブラウザーのサイズが 800px 未満になるとコンテンツのパディングが失われます。

http://www.readysetpixel.net/about.html が Web アドレスです。画面の高さが 800px より大きい場合、20px の下部にパディングが表示されますが、画面のサイズを変更すると、IE と FireFox はパディングを無視します。

これには理由がありますか？私は非常に多くの異なることを試しました。

4

2 に答える 2

0

問題は、max-height を明示的に 490px に設定しているためです。デバイスをターゲットにする必要がある場合は、代わりにメディア クエリを使用する必要があります。使用する理由はありますか

<script type="text/javascript">
$(document).ready(function() {
   $(window).on('resize', function(){
     if ($(this).height() <= 800){
      $('.content').css('max-height', '490px'); //sets max-height
     } else{
      $('.content').css('max-height', ''); //deletes max-height
   }
 }).resize()
})
</script>

ページの下部にあります。また、meta-port ビュー タグがないこともわかりました。そのため、明らかにレスポンシブ デザインも行っていません。下部（上）のスクリプトを削除すると、設定する必要があります。

于 2012-08-19T02:45:19.467 に答える
0

CSS のような親セレクターを試すことができmin-widthます。body

body{
  min-width: 800px;
}
于 2012-08-19T06:22:11.410 に答える