失去了我的填充

Question

我有一个网站，一切都可以在谷歌浏览器中完美运行，但是在IE和Firefox中，当浏览器的尺寸调整到800像素以下时，我的内容填充丢失了。

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

会有这个原因吗？ 我尝试了很多不同的事情，我疯了。

Answer 1

问题是因为您将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>

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

Answer 2

您可以为您的body或CSS中的某些父选择器尝试min-width ；例如

body{
  min-width: 800px;
}