2个问题 - 使用Bootstrap&amp ;;的响应式设计修复了页面底部的箭头

时间:2015-09-14 23:22:00

标签: javascript jquery html css twitter-bootstrap

1)我目前有一个" glyphicon"固定在页面底部,我正在尝试在重新调整浏览器大小时将此图标固定在底角。截至目前,当我试图在宽度方面重新调整浏览器大小时,它可以工作,但它在高度方面不起作用。有谁知道如何解决这一问题? :P

2)这可能需要更长的答案:)我只是不明白为什么它在移动设备上不能正常工作...我试过Iphone 6& 4S;第1页和最后一页图像不会相应调整大小。任何人都知道为什么?

我的网站是kennylow.com。

我的CSS文件:https://dl.dropboxusercontent.com/u/20432354/css/General.css 我的HTML文件:https://dl.dropboxusercontent.com/u/20432354/index.html

非常感谢!

肯尼:)

1 个答案:

答案 0 :(得分:0)

你使用绝对的'定位和引用“顶部”'属性,对于这样的东西,最好使用position:fixed;这是相对于视口的,因此它将始终位于屏幕的底部

display: block;
position: fixed;
bottom: 2em;
right: 2em;
z-index: 999;