在调整导航栏和页脚大小时出现故障

问题描述:

我在开发一个网站时遇到问题:当我将窗口大小重新调整为低于1170px的水平分辨率时,导航栏和页脚都会在右侧创建空白页。 Resized WindowFullscreen 这也发生在移动浏览器上(当放大导航栏向右移动时会使最后一个对象无法访问)。 您能否帮我解决这个问题?在调整导航栏和页脚大小时出现故障

HTML:http://pastebin.com/nTW3MrEr CSS:http://pastebin.com/v1TDiK6J 页脚问题(窗口大小时,英雄单位/导航栏/和内容都很好,但页脚仍然毛刺,我已经把一些文字,以便更好地理解这个问题:enter image description here

+0

引擎收录未打开让我看看。另外为什么不发布测试页面或jsfiddle。 – Shail 2013-03-09 12:10:56

+0

Live版本:http://www.abbraccio-onlus.it/nuova/sis.html – Fonzusys 2013-03-09 12:54:23

+0

我没有在IE9 FF和windows上找到最新的Chrome浏览器 – Shail 2013-03-09 13:17:36

该网站的问题是因为min-width:1100px设置为英雄单位和宽度:1170px设置为div #corpo。因为您使用容器类来包装您的内容,所以在bootstrap响应CSS中,宽度为已经是1170px,所以不需要设置它。

此外,要重新安排您的布局,以适当visi你可以为你的页面的特定部分编写媒体查询。 在平板电脑上查看您的网页有导航和页面标题之间有很大的顶边,因此您可以安排他们喜欢初级讲座:

/* Landscape phone to portrait tablet */ 
    @media (max-width: 767px) { 
    .navbar-fixed-top{ 
     margin-top:5px; 
      } 
    .page-header{ 
      margin-top:5px; 
      } 
     } 

/* Landscape phones and down */ 
    @media (max-width: 480px) { 
      .navbar-fixed-top{ 
     margin-top:5px; 
      } 
    .page-header{ 
      margin-top:5px; 
      } 

     } 
+0

它的工作完美,除了仍然出现毛刺的页脚外。 – Fonzusys 2013-03-09 14:39:52

+0

你看到什么问题与脚注? – Shail 2013-03-09 16:30:51