我有单页ajax Web应用程序。所有HTML结构都是通过纯JavaScript或jQuery动态构建的。现在我想将这个现有的Web应用程序转换为响应式应用程序。我在谷歌搜索,但我不能得到它具体的流程来做到这一点。我也看到很多像引导,基础等css框架。这些有助于摆脱这种困境吗?如果是,那么如何?我的目标分辨率是800 * 600到1920 * 900。Convet现有的Web应用程序UI进入响应式Web应用程序
回答
您可以使用Bootstrap,只包含文件 - 如果您只需要响应,CSS应该足够了,或者试试Initializr - 获取正确的模板并将现有代码复制到其中。
您还可以查看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/。
通过使用CSS媒体查询可以创建响应式Web应用程序。请在下面找到有用的链接这提供了截图和演示响应式方法的概述
祝你好运!
Pravin Vaichal @ please,你能解释我如何重构HTML媒体查询中的HTML? – Rickyrock
@Rickyrock 1)如果你谷歌,你会发现很多好的响应式网站文章2)像你这样的基本步骤可能以基本的线框开始,并设计你的应用程序应该在桌面 - 平板电脑 - 手机应该看起来如何3)相应地,你可以设置断点给出了上面的url,并为块元素(如标题,菜单,侧边栏,主要,页脚)等设置CSS –
Telerik提供了另一种通过PageLayout控件http://www.telerik.com/products/aspnet-ajax/responsive-page-layout.aspx使ASP.NET页面响应的方法。 下面的响应式网站是由它制作的:http://demos.telerik.com/responsive-web-design-aspnet/
- 1. 现有Java应用程序的Web UI
- 2. Web应用程序响应
- 3. Glassfish web应用程序没有响应
- 4. 对Web应用程序没有响应
- 5. Web应用程序UI
- 6. 响应的Web应用程序的css
- 7. SOAP响应的C#Web应用程序
- 8. 如何改进现有Struts Web应用程序的UI?
- 9. Google +使用响应式Web应用程序的本地应用程序界面
- 10. 编程等待Web服务响应的Web应用程序
- 11. 将现有的Web应用程序移植到移动Web应用程序
- 12. WCF与现有的Web应用程序
- 13. 应用程序池,工作进程和Web应用程序?
- 14. Web应用程序
- 15. 其他Web应用程序中的Web应用程序
- 16. asp.net mvc 2 web应用程序里面的Web应用程序?
- 17. Azure Web应用程序中的三层Web应用程序
- 18. 主Web应用程序中的IIS 7 Web应用程序
- 19. 企业应用程序或Web应用程序的Web服务
- 20. Azure的Web应用程序WAAD到Web应用程序访问
- 21. 嵌入式CRUD Web应用程序
- 22. Web应用程序的UI系统?
- 23. Delphi桌面应用程序的Web UI
- 24. 使用Phonegap的IBM Worklight响应式Web应用程序
- 25. ASP.NET MVC Web应用程序与Web应用程序
- 26. ASP.NET MVC Web应用程序VS ASP.NET Web应用程序
- 27. tizen web应用程序,启动另一个web应用程序
- 28. 从Web应用程序启动进程
- 29. 没有API的Web应用程序的Android应用程序
- 30. Android响应式用户界面web应用程序
这里没有特别的技巧或工作流程。所有你需要做的就是选择一个响应式的CSS框架,并与它共享Web应用程序,随时应用适当的类。 –