JQuery 移动、布设和 CSS3 媒体查询
要使用的组合
To have an UI Framework we all should use something like Bootstrap. To develop for Mobile I need something which makes it easy to switch pages within one HTML file, like JQuery Mobile (JQM) does. To develop for different screen-widths (iPhone, iPad, etc) I need to develop according to Responsive Webdesign rules.
JQM 不支持根据
当寻找将诱杀装置与JQM相结合的信息时,除了Andy Matthews在JQM中创建了一个诱杀装置主题之外,没有其他好的例子。http://www.andymatthews.net/read/2012/02/13/New-jQuery-Mobile-text:-Twitter-Bootsstrap
So, what is common practice in developing WebApps with a responsive webdesign? Are people ignoring JQM (and doing the page-in-html stuff themselves) or are they ignoring Bootstrap (and doing the responsive webdesign by hand with media queries in JQM) ?
或者,是否有一个涵盖所有东西的全面解决方案来开发 de WebApp? (请不要说PeetGap)
为了补充一些关于我寻求澄清的信息:我在索引.html页眉中有以下几行:
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
Bit much according to my opinion? Or is this correct? Hope anybody of the more experienced WebApp developers can shed any light on this.
谢谢