cfnr.net
当前位置:首页 >> BootstrAp缩小页面布局就乱了 >>

BootstrAp缩小页面布局就乱了

看看这样行不行 ... ... ...

... bottom div .wrapperXXX { position: fixed; width: 100%; height: 100%; } .mainXXX { background-color: pink; height: 100%; } .bottomXXX { background-color: lime; }效果: 窗口缩小时: 拉大时:

需要完整算到每一个像素 比如其中有一个有边框线1px 那么就可能导致全盘乱 认真看每个模块 希望可以帮到您!

这是很正常的。你缩小当然原有也相应缩校

1 2 3 4 5 6 7 8 9 10 11.all-row { width : 100% ; }.all-row div { width : 9.0909% ; float :left;border:1px solid #e5e5e5 ; }这是不用bs的11份,用bs的话 还真没研究过,应该是可以但是估计不好改

恐怕只能自定义css了 左边{ width: 240px; position: absolute; *position: relative; float: left; margin: 0; } 右边{ margin-left: 240px; position: relative; }

下面我在这里简单的介绍下Bootstrap框架。Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果。此外,Bootstrap框架十分超...

你用的iframe框架了,这个是一个内嵌框架,而且你没有给这个框架指定宽高,所以它只有默认的那么大,在第17行,在这个iframe中添加width属性和heigt属性就行了,

你用了定位后,是没办法做到自适应的。 建议不要用浮动 直接在右侧加一列来显示图片。 这样,当屏幕变小时,图片会自动跑到下一行去。

你好,这个有可能是bootstrap的样式引起的,你检查一下项目下-->bootstrap目录里的的CSS,看是否覆盖了你的CSS。或者你把源码贴出来

网站首页 | 网站地图
All rights reserved Powered by www.cfnr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com