簡體   English   中英

2 個問題 - 頁面底部帶有 Bootstrap 和固定箭頭的響應式設計

[英]2 Questions - Responsive Design with Bootstrap & Fixed Arrow on the bottom of the page

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

非常感謝!

肯尼 :)

您使用“絕對”定位並引用“頂部”屬性,對於這樣的事情,最好使用 position:fixed; 這是相對於視口的,所以它總是在屏幕的底部

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM