根据屏幕尺寸更改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

你会想看看媒体查询。你可以设置宽度或高度范围。最大宽度和最小宽度。特定设备的视口。