在调整导航栏和页脚大小时出现故障
问题描述:
我在开发一个网站时遇到问题:当我将窗口大小重新调整为低于1170px的水平分辨率时,导航栏和页脚都会在右侧创建空白页。 这也发生在移动浏览器上(当放大导航栏向右移动时会使最后一个对象无法访问)。 您能否帮我解决这个问题?在调整导航栏和页脚大小时出现故障
HTML:http://pastebin.com/nTW3MrEr CSS:http://pastebin.com/v1TDiK6J 页脚问题(窗口大小时,英雄单位/导航栏/和内容都很好,但页脚仍然毛刺,我已经把一些文字,以便更好地理解这个问题:
答
该网站的问题是因为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;
}
}
引擎收录未打开让我看看。另外为什么不发布测试页面或jsfiddle。 – Shail 2013-03-09 12:10:56
Live版本:http://www.abbraccio-onlus.it/nuova/sis.html – Fonzusys 2013-03-09 12:54:23
我没有在IE9 FF和windows上找到最新的Chrome浏览器 – Shail 2013-03-09 13:17:36