Html 在所有浏览器中,站点宽度不是100%全宽
我的网站的宽度不是100%全浏览器宽度。我使用的是Twitter Bootstrap 3.1,并在没有模板的情况下手工编码了该网站: 现场直播 下面是我对主体和一个子元素(welcometop)的CSS所做的,它是顶部的蓝色div:Html 在所有浏览器中,站点宽度不是100%全宽,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我的网站的宽度不是100%全浏览器宽度。我使用的是Twitter Bootstrap 3.1,并在没有模板的情况下手工编码了该网站: 现场直播 下面是我对主体和一个子元素(welcometop)的CSS所做的,它是顶部的蓝色div: * { margin: 0; padding: 0; } html, body { min-width: 100%; height: 100%; margin
* { margin: 0; padding: 0; }
html, body {
min-width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.welcometop {
margin:0;
min-height:210px;
max-height:auto;
background: #1542bd;
}
如果向右滚动,可以看到Chrome desktop和mobile中的所有子元素都不是全浏览器宽度
我怎样才能解决这个问题
谢谢 问题 它是右边的
边距:-15px代码>来自引导程序的.row
类,该类应用于导致此问题的#firststop
标题中的
解决方案
如果在使用Bootstrap的行
类时,您不会错过应用于此元素的额外左边距
,只需从元素中删除该类即可
如果您希望应用左边距
,而不是不需要的右边距
,请不要将行
类应用于此元素,并使用您自己的选择器,例如:
而不是
在您自己的custom.css样式表中:
#example { margin-left:-15px; }
抱歉,“观看”引导程序文档?他们现在正在发布视频?没有“最大高度:自动”;而且你永远不会在你的身体上设置高度、宽度、最大宽度或其他任何东西;)你的引导css版本没有类的规范。容器流体^^在你的服务器上加载新版本的css,你应该很好谢谢@Pinki,你能看到你悬停在中间img上的bug吗,它的大小改变了1-2px?知道这个问题的解决方法吗?您好@null我是否也应该从.row类中删除-15px边距?@girlcancod680不,只是不应用。row too it,如果您希望边距保持不变,只需使用更具体的选择器并应用即可it@null好的,但我认为这是引导的最佳实践。您的第一个删除右边空白的建议:-15pxworked@GirlcanCode680这是可行的,但它会影响.row的每个元素,所以在这种情况下最好不要使用.row,或者像我的答案所说的那样自己重写它。好的,很好。我还应该补充一点,我仍然有最小化(移动)视图的问题。有什么想法吗?