CSS問題與響應，不會進入全寬

我創建this page基於引導，當我測試它與http://www.mobilephoneemulator.com/頁面進入全角模式，調整到手機上的瀏覽器的屏幕大小。然而，當我在真正的iPhone 6（也是iPad）上這樣做時，似乎並沒有這樣做（在Safari和Chrome中），我不知道爲什麼。也許會出現這種行爲，因爲它會自動在「用戶名」字段中進行選項卡縮小？我附上截圖：CSS問題與響應，不會進入全寬

enter image description here

來源

2014-12-22 John

在這一行「col-sm-6 col-md-4 col-md-offset-4」你應該使用「col-sm-12 col-md-4 col-md-offset-4」 –

其因寬度設置爲50％，因爲類COL-SM-6的移動網站來控制變焦這是很重要的。

請12 COL-XS-到div添加到使其寬度100％

請參考Bootstrap's Documentation

來源

2014-12-22 14:32:15

你是說它應該改爲col-xs-12 col-md-4 col-md-offset-4嗎？ – John

是或將col-xs-12添加到現有類 –

嘗試添加視口元到你的頁面的標題。

<meta name="viewport" content="width=device-width, initial-scale=1">

更多信息，在Mozilla的MDN：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

來源

2014-12-22 14:29:53

Both你的回答和@Prem Anand的回答同樣有幫助，謝謝。 – John

讓父DIV '集裝箱液' 的類。

<div class="container-fluid">

調整自舉類：

<div class="col-sm-12">

希望這有助於。

來源

2014-12-22 14:35:35 Ash

@John我認爲問題是與縮放在這裏，在<head>標記添加這<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">，這應該做的伎倆！

來源

2014-12-22 14:52:23 Arqetech

CSS問題與響應，不會進入全寬

回答

相關問題