2014-03-27 149 views
0

我有单页ajax Web应用程序。所有HTML结构都是通过纯JavaScript或jQuery动态构建的。现在我想将这个现有的Web应用程序转换为响应式应用程序。我在谷歌搜索,但我不能得到它具体的流程来做到这一点。我也看到很多像引导,基础等css框架。这些有助于摆脱这种困境吗?如果是,那么如何?我的目标分辨率是800 * 600到1920 * 900。Convet现有的Web应用程序UI进入响应式Web应用程序

+1

这里没有特别的技巧或工作流程。所有你需要做的就是选择一个响应式的CSS框架,并与它共享Web应用程序,随时应用适当的类。 –

回答

0

您可以使用Bootstrap,只包含文件 - 如果您只需要响应,CSS应该足够了,或者试试Initializr - 获取正确的模板并将现有代码复制到其中。

0

您还可以查看ASP中的FriendlyURLs功能:http://www.hanselman.com/blog/IntroducingASPNETFriendlyUrlsCleanerURLsEasierRoutingAndMobileViewsForASPNETWebForms.aspx。这可以让你在你的网站上创建页面的移动版本。

如果这不是您的目标,并且您可以使用商业软件,您可以尝试Telerik的RadPageLayout控件:http://www.telerik.com/help/aspnet-ajax/page-layout-overview.html。看看这里:http://demos.telerik.com/responsive-web-design-aspnet/

0

通过使用CSS媒体查询可以创建响应式Web应用程序。请在下面找到有用的链接这提供了截图和演示响应式方法的概述

祝你好运!

+0

Pravin Vaichal @ please,你能解释我如何重构HTML媒体查询中的HTML? – Rickyrock

+0

@Rickyrock 1)如果你谷歌,你会发现很多好的响应式网站文章2)像你这样的基本步骤可能以基本的线框开始,并设计你的应用程序应该在桌面 - 平板电脑 - 手机应该看起来如何3)相应地,你可以设置断点给出了上面的url,并为块元素(如标题,菜单,侧边栏,主要,页脚)等设置CSS –