2 个问题 - 页面底部带有 Bootstrap 和固定箭头的响应式设计

Question

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

非常感谢！

肯尼 :)

Answer 1

您使用“绝对”定位并引用“顶部”属性，对于这样的事情，最好使用 position:fixed; 这是相对于视口的，所以它总是在屏幕的底部

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