Twitter的引導：導航欄不調整的方向變化（僅適用於Android的股票瀏覽器）

我的Twitter的引導移動頁面有一個固定的頂部導航欄中Twitter的引導：導航欄不調整的方向變化（僅適用於Android的股票瀏覽器）

<div class="navbar navbar-fixed-top">

我期望的方向變化事件將觸發「調整「的導航欄，在移動設備上（桌面上的調整大小事件會正確觸發導航欄的大小調整）。在導航欄的右側，我有一個可摺疊的導航欄切換，它可以打開/關閉主菜單：當從橫向改變爲縱向時，菜單按鈕不再可見，這是一場災難......

該問題也可以通過官方的導航欄固定頂部示例（http://getbootstrap.com/examples/navbar-fixed-top/）進行驗證。

我在使用Android 4.1.2的三星Galaxy S3上使用股票（默認）瀏覽器。

iPhone（3）瀏覽器不會發生此問題。

更新： 該問題仍然存在於Android 4.3中。

來源

2013-09-25 MarcoS

我只能假設問題只發生在Android上，因爲到目前爲止我只測試過*一個* Android設備和*一個* iPhone設備... – MarcoS

在同一個Android設備上安裝Google Chrome時，不會發生。 – MarcoS

在Samsung S4上運行Android 4.2.2上的股票瀏覽器。 – mccannf

不確定你的意思。但寫下你自己的所有CSS的CSS，並在它之後和之前添加！類似這樣的：

.navbar-whatever { 
whateverSizeCode = 0 !important; 
whateverSizeCode2 = 0 !important; 
}

爲Twitter Bootstrap放置移動代碼。以下是您的鏈接：http://getbootstrap.com/css/#overview-mobile

Mobile Code for you。將此添加到您的標記中

<!-- Scroll Enabled --> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- Scroll Disabled --> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

注意：使用這兩行中的任意一行。

另外，還要確保你的HTML你這樣做：

<style rel="stylesheet" link="bootstrap.css"> 
<style rel="stylesheet" link="yourCSS.css">

這是什麼會做的就是把你的樣式和大小的方式，引導由代碼，以便它讀取第一個，然後你的CSS不覆蓋你的CSS。希望我幫助。再次問我，並更具體。

來源

2014-05-14 12:38:43 user3627194

你怎麼不確定我的意思？只需加載引用的官方navbar-fixed-top示例（位於http://getbootstrap.com/examples/navbar-fixed-top/） - 例如 - 帶Android 4.0.4的Samsung Galaxy S3（我沒有完整的設備/ os統計，抱歉...）。然後把你的設備轉90°，看看navbar會發生什麼......我不想要一些css技巧來繞過這個bug，我只想發佈這個問題，以便知道和修復... – MarcoS

@MarcoS兄弟如果你想要發佈這個問題，然後告訴Twitter。堆棧溢出解決方案。如你所願。我只是試着給出一個解決方案。 – user3627194

Twitter的引導：導航欄不調整的方向變化（僅適用於Android的股票瀏覽器）

回答

相關問題