只能在移動設備

我一直在尋找周圍，沒有發現任何答案或解決此問題的啓用引導響應：只能在移動設備

我想，只有當用戶使用移動設備來實現引導響應。換句話說，當用戶使用計算機瀏覽器時，響應會關閉，這意味着無論用戶如何調整窗口大小，我的容器總是有最小寬度，並且響應將永遠不會踢入。

有沒有什麼辦法要默認做到這一點？

2015-10-14 Karl Wong

是的，你可以在javascript（jquery）mobile的幫助下做到這一點檢測。但是如果你想得到一些幫助，你必須包括HTML和CSS，到目前爲止你已經完成了。 –

-2

您可以通過CSS中的設備寬度來分隔您的響應式和非響應式樣式。

@media (max-width: 767px) { 
    /* Responsive styling */ 
    div { 
     width: 50%; 
    } 
    ... 
} 
@media (min-width: 768px) { 
    /* Non-responsive styling */ 
    div { 
     width: 500px; 
    } 
    ... 
}

注意，這並不能確定設備是否是移動設備。爲此，您可以使用開源JavaScript（即http://detectmobilebrowsers.com/）。

來源

2015-10-14 17:07:36

他已經提到了這一點 - 「換句話說，當用戶使用計算機瀏覽器時，響應將被關閉，這意味着無論用戶如何調整窗口大小」 –

當寬度> = 768時， <768，你使用響應風格。這也是爲什麼我添加了關於移動檢測的說明。 –

我們需要添加額外的響應樣式表CSS /自舉responsive.css

<link rel="stylesheet" href="css/bootstrap.css"> 
<link rel="stylesheet" href="css/bootstrap-responsive.css">

而且下面是支持的設備

/* Large desktop */ 
@media (min-width: 1200px) { ... } 

/* Portrait tablet to landscape and desktop */ 
@media (min-width: 768px) and (max-width: 979px) { ... } 

/* Landscape phone to portrait tablet */ 
@media (max-width: 767px) { ... } 

/* Landscape phones and down */ 
@media (max-width: 480px) { ... }

響應實用工具類

來源

2015-10-14 17:59:37 Dextere

他已經提到了這一點 - 「換句話說，當用戶使用電腦瀏覽器時，響應會關閉，這意味着無論用戶如何調整窗口大小」......您的這個答案仍然可以響應瀏覽器調整大小！ –

是的，我只是提供了有關回應性實用課程的信息，可能會有幫助。 – Dextere

只能在移動設備

回答

相關問題