根据屏幕大小更改CSS

Question

我正在使用angularjs和离子框架处理移动应用程序。我的应用程序适用于Tab和Mobile版本。我不能使用Tab和Mobile的相同CSS，那么有没有办法检测屏幕大小并相应地更改CSS？

我找到了一个jquery代码，但是我不确定我是否可以在angularjs中使用它。如果我可以怎么做？

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

希望这有帮助，也可以使用bootstrap。

Answer 2

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