根據屏幕尺寸更改CSS

Question

我正在使用angularjs和離子框架的移動應用程序。我的應用程序適用於Tab和Mobile版本。我無法使用相同的CSS Tab和Mobile，那麼有沒有辦法檢測屏幕大小並相應地更改CSS？

我發現了一個jquery代碼，但我不確定如果我可以在angularjs.js中使用它，如果我可以如何？

http://www.master-script.com/detect-screen-size-with-jquery-and-apply-a-css-style.html

我可以一步就如何做到這一步的指示？在此先感謝:)

Answer 1

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

希望這會有所幫助，也可以使用自舉。

Answer 2

你會想看看媒體查詢。你可以設置寬度或高度範圍。最大寬度和最小寬度。特定設備的視口。