Bootstrap框架如何識別瀏覽器和設備寬度？

-2

我是網絡開發新手，這是我開發實驗室網站的任務。啓動腳本框架表示他們支持各種11個框架。它是如何識別是Chrome還是IE還是Opera？以及它如何識別設備寬度？我認爲一些函數必須用JavaScript編寫來識別它，所以我試圖理解bootstrap.min.js。但無法找到這樣的功能。你能幫我嗎，幫助將不勝感激Bootstrap框架如何識別瀏覽器和設備寬度？

來源

2016-07-25 Gitesh More

你想先通過媒體屏幕CSS風格 – Mithun

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp ---除非你有一個更具體的問題，只要閱讀'@ media'查詢。 –

非常感謝您的意見。但是，由於媒體查詢也支持某些高級版本的瀏覽器，因此它如何識別您正在使用的瀏覽器以及該瀏覽器的版本？ –

它只是簡單的媒體查詢。它非常簡單的概念。通過這個CHRIS COYIER的tutorial來找到它的工作原理，同樣非常簡單。

這裏是mediaquery

@media (min-width: 600px) and (max-width: 800px) { 
    html { background: red; } 
}

該代碼表示在屏幕尺寸從600像素到800像素的HTML背景顏色應該是紅色的簡單的例子;

來源

2016-07-25 08:28:56

非常感謝您的幫助。 –

但是媒體查詢有助於確定屏幕寬度，那麼它是如何實現該功能的，以及它如何實際識別bowser？ –

您不必擔心代碼將如何識別它是哪個瀏覽器。 Bootstrap會自動處理它。與瀏覽器相關的代碼被稱爲跨瀏覽器代碼，爲了詳細瞭解谷歌對於「Smashing雜誌跨瀏覽器CSS編碼的原則」，這將對你有所幫助。 –

Bootstrap框架如何識別瀏覽器和設備寬度？

回答

相關問題