我只是阅读如何开发具有响应式布局的网站。我想我已经理解了这个想法,现在可以根据浏览器尺寸对内容进行不同的设计。媒体查询可以与jQuery移动一起使用吗?
但是我也看过Jquery mobile,我喜欢他们使用的UI。
我的问题是,是否有可能将两者结合?即。我可以在PC/Mac上查看通常呈现的网页,但是当浏览器宽度下降到320px(例如)时,我可以切换到使用Jquery移动版吗?
我想this'd可以通过在我的页面中的jQuery Mobile的脚本,用“数据角色”属性一起,但仅包括jQuery Mobile的样式表,如果浏览器是一个特殊的尺寸,即:
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 320px)" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
这是可能的吗?我不知道我是否正在尝试将Jquery移动设备用于未设计用于处理的内容?我应该有一个完全独立的网站,即。拥有独立移动内容的http://m.mysite.com?或者有可能有一个适应性网站?
谢谢!
那么我有一个单独的网站主要担心的是不得不镜像的内容。尽管我想我们只会创建第二个网站,如果这两个网站非常不同,并且会有不同的内容。 我想在我谈论的情况下,我想要的内容是相同的,我只是想为不同的设备呈现它。在这种情况下,我认为你是对的,媒体查询是要走的路。我只想使用JQuery移动UI! – alimac83 2011-12-23 11:25:16
是的正确...媒体查询应该是针对不同屏幕尺寸的首选方式..需要在这种情况下只保留CSS ...至于另一部分,你可以考虑Sencha touch,Flowplayer,jQTouch除了jQuery移动以及... – testndtv 2011-12-23 16:47:34