jquery - 失去我的填充物

Question

我有一个网站，在 google chrome 中一切正常，但在 IE 和 firefox 中，当浏览器调整到 800px 以下时，我会丢失内容填充。

http://www.readysetpixel.net/about.html 是网址。如果您的屏幕高度大于 800 像素，它将在 20 像素的底部显示填充，但是当您调整屏幕大小时，IE 和 FireFox 只会忽略填充。

这会有什么原因吗？我尝试了很多不同的东西，我要疯了。

Answer 1

您可以尝试使用CSSmin-width中的您或某些父选择器，例如；body

body{
  min-width: 800px;
}

Answer 2

问题是因为您明确将最大高度设置为 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>

在页面的底部。我还看到您没有元端口视图标签，因此显然也没有进行响应式设计。摆脱底部（上）的脚本，你应该被设置。