添加jquerymobile.js并更改CSS样式(根据访问您的站点的设备).
在将现有的基于桌面的网站转换为移动网站时,我应该考虑所有问题.或者我应该从头开始创建一个移动网站(MVC4手机网站).如果是这样,那么我不得不维护2代码基础(1桌面和1移动),我不想做.
任何帮助或参考将被高度赞赏.
干杯,
Sajesh Nambiar
解决方法
> Creating a Mobile-First Responsive Web Design
> 320 and Up – the ‘tiny screen first’ responsive boilerplate
> Mobile HTML5 Boilerplate
> Responsive Mobile First template从@L_502_7@
> Twitter Bootstrap
> Zurb Foundation
>更多信息：Nice intro to Web Design frameworks(Edreih Aldana的视频)
请记住,如果您的应用程序非常复杂,并不总是可行或方便,最终可能会在两种(或更多)代码库中使用,但大多数网站和Web应用程序都可以使用考虑到这些原则.
还要记住,Web Content Accessibility Guidelines可以使设计网站更容易,这些网站可以在许多设备上工作,并且具有许多输入法.
您没有具体要求这一点,但您可以使用PhoneGap将移动网站或Web应用程序转换为iOS,Android,Blackberry,Windows Phone,Palm WebOS,Bada和Symbian的实际本地移动应用程序,以便您的应用程序可用用于从各种应用商店为这些特定平台进行安装.
2016年更新
我在2012年写了这个答案,并从那以后开发了一些相关的工具：
> Ionic – 基于Angular的混合移动应用框架
> React Native – 基于React构建本机应用程序的框架
> Framework7 – 基于Dom7的混合移动应用程序框架(类似于jQuery)
> Intel XDK(以前称为appMobi)
> Appcelerator
> AppGyver
> NativeScript
> Onsen UI
>更多在Mobile Frameworks Comparison Chart
