sticky-footer

    2熱度

    2回答

    我正在嘗試優化我正在爲移動用戶開發的網站。在網站上工作時,我注意到在非常小的屏幕上(特別是450像素和更小的寬度),我的頁腳中斷,不再卡在頁面的底部。 我認爲罪魁禍首是什麼東西做的#viewWrapper格但檢查後通過Chrome控制檯與它亂搞(位置,物理尺寸等。)幾天我還沒有找到一個解決方案到它。 任何幫助表示讚賞。這裏是鏈接到頁面的問題: http://mhtc-vm1.cs.wpi.edu:

    0熱度

    1回答

    我正想通過這個媒介iOS應用程序時,我偶然發現了this amazing sticky bottom bar 見底部欄。第一個內容完成後,下一個內容開始之前,底部欄開始移動 我嘗試使用約束並設置不同的優先級及其排列和組合,但無法弄清楚。 我也經歷了一個library這樣做。 有人可以解釋我如何去做這種底部酒吧?

    0熱度

    2回答

    我有一個具有挑戰性的佈局問題。我需要創建如下的佈局: 兩個相等的高度列 置頂頁腳 響應(左側導覽列合攏爲100%(定位在光內容底部,在重內容推離頁)在移動斷點) 寬瀏覽器支持(需要支持到IE9,而且移動設備) 桌面佈局: 移動佈局: 我看着這個和所有的人都很多解決方案實際上只解決我需要一些。尚未找到完整的解決方案。甚至沒有聖盃,因爲許多這些解決方案使用flexbox,css網格或css表格,IE9

    0熱度

    2回答

    在我的網站上,右邊有不需要的白邊,我不知道爲什麼。我網站上的所有容器都包含流體,並且我還添加到了我的CSS中,沒有填充,容器沒有邊距。 html, page { width: 100%!important; margin:0; font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-s

    0熱度

    1回答

    https://jsfiddle.net/p7e9vzu5/ body { display: flex; flex-flow: column; min-height: 100vh; } header { flex: 0; } main { flex: 1 0 auto; } footer { flex: 0; }

    1熱度

    2回答

    導航欄高度在手機屏幕尺寸中變得太大。 link to site 我已經看到了導航頁腳一些教程和演示,但大部分是要麼最小的內容即1行文字或大量的內容,因爲我想保持頁腳這是不適合身高低。我見過的選項; 使用引導行X2 X1行電話 X1一行電子郵件 但當時我不知道做什麼用的FB鏈接做什麼,我添加了一個Twitter或Instagram的鏈接,以便有沒有空槽上導航權? 其他選項是使用glyphicons的

    0熱度

    1回答

    我正在嘗試使用flexbox創建粘性頁腳。我知道還有其他的方法,並且可以隨意給我更好的方法建議。我已經使用其他方法(負邊距等),他們只是不工作,他們需要。我也不太關心它是否能夠與傳統瀏覽器一起工作,因爲它的人口規模太小,我不關心我將要運行的網站類型。 URL:https://area51.ulmc.net/theurbexfederation/locations/industrial/techni

    1熱度

    2回答

    所以,我承認我不擅長CSS,這可能對我而言有些愚蠢,但我希望在我的每一頁底部都有一個粘性頁腳現場。 我使用絕對這個位置是我的頁腳中的CSS position:absolute; bottom:0; height:50px; padding: 10px; width:100%; 它的工作原理,當控制檯被關閉,但如果我打開Chrome開發人員工具,頁腳突然上

    0熱度

    3回答

    我一直在一個簡單的頁腳上停留1天,這個頁腳停留在頁面底部,不固定。 我已經設法將它放在全屏幕頁面的底部。但是,當我減小瀏覽器窗口的寬度以模擬「響應式顯示」時,當向下滾動頁面時,頁腳停留在相同位置,因此不會刷新。 這裏是我的html: <html> <body> <div class="container"> <div class="row text-center"> <p> Blab

    2熱度

    2回答

    我想讓我的頁腳成爲粘性頁腳,並嘗試遵循CSS技巧負邊距技巧,但沒有奏效。我試圖在下面的plunker代碼中模擬我的angular2應用程序。我希望標籤不要固定,而要粘貼,並在主要部分有更多可用內容時進入底部。注意頁腳顯示在主要部分的數據上方。 http://plnkr.co/edit/WSUC4xLMWH6fY77UyFqI?p=preview&open=app%2Fapp.component.t