css - 使现有的 Web 应用程序响应

Question

我有一个基于 angularJS/Jquery 的网络应用程序。由于时间紧迫，许多页面都有内联样式。每个页面都包含一个通用的 CSS 文件。问题是:在调整浏览器或投影仪的大小时，我的应用程序看起来失真了。应用程序的所有页面都没有不规则的布局，很少是列表页面，很少是表单页面，很少是带有图形的小部件。任何人都可以帮助我在不做太多更改的情况下使这个网络应用程序响应。

我需要一个快速入门技巧/第三方工具或指南文档来优化 CSS 并使 weUI 响应。

Answer 1

您需要的是一个实现响应式布局的框架。

流行的框架是 Bootstrap 和 Materialise。这些是一个很好的起点。了解它们的网格布局，这将帮助您设置每个容器元素在不同显示器上的显示方式。

http://getbootstrap.com/

http://materializecss.com/ (针对 Google 的 Material 设计方法)。

在为移动和桌面设计 Web 应用程序时有很多要讨论的，但这些框架是一个好的开始。

使 Web 应用响应迅速并不是一项快速而肮脏的工作，维护是一项持续不断的工作。听起来你有很多工作要做。肯定会进行许多更改...