使现有Web应用程序响应

时间:2016-11-16 06:23:32

标签: css3 responsive

我有一个基于angularJS / Jquery的web应用程序。在时间不足的情况下,许多页面都具有内联样式。每个页面都有一个常见的CSS文件。问题是:在调整浏览器或投影机的大小时,我的应用程序看起来很扭曲。应用程序的所有页面都没有不成形的布局,很少是列表页面,很少是表单页面,很少有其他是带图表的小部件。任何人都可以帮助我使这个网络应用程序响应,而不需要做太多的改变。

我需要快速启动提示/第三方工具或指导文档来优化CSS并使weUI响应。

2 个答案:

答案 0 :(得分:1)

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

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

http://getbootstrap.com/

http://materializecss.com/(适用于Google的材料设计方法)。

在为移动设备和台式机设计网络应用时,有很多内容可以讨论,但这些框架是一个良好的开端。

使网络应用程序响应不是一项快速而肮脏的工作,维护是一项持续的工作。听起来你有很多工作要做。绝对做了很多改变......

答案 1 :(得分:0)

你能用CSS吗?

看到这个,如果你还没有: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp