同时使用jQueryMobile和bootstrap
现在我正在构建一个web应用程序，我希望该设备在分辨率低于780像素时使用jquerymobile，在分辨率高于780像素时使用bootstrap。。这可能吗？我试着四处寻找，但找不到解决办法。我想用这两种方法中的零碎部分，问题是它们之间存在着强烈的冲突。。。我不想建立两个独立的站点，因为这会破坏响应能力 推特引导：同时使用jQueryMobile和bootstrap,jquery,jquery-mobile,twitter-bootstrap,responsive-design,fuelphp,Jquery,Jquery Mobile,Twitter Bootstrap,Responsive Design,Fuelphp,现在我正在构建一个web应用程序，我希望该设备在分辨率低于780像素时使用jquerymobile，在分辨率高于780像素时使用bootstrap。。这可能吗？我试着四处寻找，但找不到解决办法。我想用这两种方法中的零碎部分，问题是它们之间存在着强烈的冲突。。。我不想建立两个独立的站点，因为这会破坏响应能力 推特引导： jQueryMobile： 这是我的头 <head> <meta charset="utf-8"> <meta name="viewp
jQueryMobile： 这是我的头
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php echo Asset::js('jquery.js'); ?>
<?php echo Asset::css('bootstrap.min.css'); ?>
<?php echo Asset::js('bootstrap.min.js'); ?>
<?php echo Asset::css('bootstrap-responsive.css'); ?>
</head>
您可以尝试仅在分辨率超过780px时包含引导css
<link href="bootstrap.min.css" rel="stylesheet" media="only screen and (min-width:780px)">
<link href="bootstrap-responsive.css" rel="stylesheet" media="only screen and (min-width:780px)">
至于jqueryMobile，它通常需要一些标记，因此您无法仅通过媒体查询启用/禁用它。由于两个库之间的标记javascript和css的差异，您不能简单地在窗口大小调整时从引导（或相反）切换到jQM，而不将用户发送到不同的页面。但是，您可以让引导程序为低分辨率屏幕显示一个按钮，将它们带到您站点的jQM版本 另一个选项是在页面加载上，检查设备宽度并进行重定向。可能适合您。它是一个轻量级javascript，用于检查窗口宽度，然后提供适当的CSS。理论上，您可以为小于780的窗口宽度指定jquerymobile css，而为大于780的窗口宽度指定引导 我以前单独使用过adapt.js，它工作起来很有魅力。在没有实际测试整个想法的情况下，我不确定是否会有javascript冲突
祝你好运你也可以试试我的jQuery移动引导主题：
它托管在Github上，并已确认可与当前版本的jQuery Mobile（1.2）一起使用。如果屏幕尺寸太小，是否可能中断引导链接？这只能在初始负载下工作，还是动态工作？你说的中断是什么意思？另外，您知道bootstrap有一个响应性的样式表，使它在移动设备中工作得非常好吗？如果结构设置正确，它会自动调整文档大小及其结构，以最适合当前屏幕大小。