2013-08-06 47 views
1

我注意到,在所有twitter引導的示例/教程中,當您嘗試縮小瀏覽器的寬度時,它停在400px。 e.g:bootstrap如何限制最小頁面寬度爲400px

我已經研究通過瀏覽器(版本28.0.1500.95)的CSS和HTML和無法弄清楚它是如何實現這一點。我覺得我失去了一些非常明顯的東西。

我問這個問題的原因是,我遵循教程,我相信我已經做了所有必要的事情,但它不會將大小限制爲400px。如果我明白這些例子是如何實現的,那麼也許我可以在我自己的CSS/HTML中解決這個問題。

+1

你是什麼意思?我可以儘可能多地縮小第一個鏈接的瀏覽器(最終它變成了移動CSS,但仍然縮小)。第二個鏈接似乎並沒有工作 –

+0

387px是確切的[在最新的鉻8]。 – Prasanth

+0

好吧,似乎它可能是Mac OSX下的webkit,因爲我現在已經在windows下進行了測試,並且只有Safari強制執行最小400像素寬度(我認爲它與'視口'元標記相關)。 – karmasponge

回答

2

Bootstrap與它無關。 Chrome在窗口大小上似乎具有取決於操作系統的下限 - 例如,無論顯示什麼內容,OS X版本都不允許其主窗口大小調整到400像素左右。

+0

這似乎不是真的。我可以縮小我的Chrome瀏覽器窗口,以便http://placekitten.com/227/227可見,任何一邊都沒有空白。 – Chris

+0

它可能與操作系統有關。我正在測試Mac OS X. – duskwuff

+0

也許。我正在測試Windows 8。 – Chris

0

香港樂施會,所以它通過指定min-width屬性的車身造型..獲得在這裏檢查this fiddle

CSS:

body{ 
    min-width:400px; 
    width: auto !important; 
    width:400px; 
    background-color: #dbdbdb; 
} 

result

+0

這並沒有達到我要找的,因爲它似乎沒有限制瀏覽器窗口的大小爲400px(我通過添加到默認的引導程序模板並在IE10,Firefox中加載來測試)。 – karmasponge

相關問題