媒体查询隐藏桌面视口

时间:2016-11-08 20:20:46

标签: html css jquery-mobile

您可以查看我在我的实际网站上使用的编码(www.randolphlibrary.org/mobilesite.htm)

TLDR:当人们查看视频端口为max-width 768px的内容时,如何实现列表视图样式,以便它适用于我的移动用户?

所以我的想法是把这个代码带到标题:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" media="(max-width: 768px)"/>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>


<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>

但是,问题是如何使移动设备实现使用该jquery样式表而不是&#34;默认&#34;这个代码下面已经有CSS样式表吗?

有人提到用@ media =&#34;(max-width:768px)进行媒体查询{display:none;但我没有购买。

这感觉就像这样一个基本问题,但我被困住了。即使我进入&#34;默认&#34; CSS并添加display:none;对身体它没有做任何事情。

任何指针都会受到极大的赞赏。我试图让一个小镇图书馆看起来更吸引我们的年轻人,他们不会从他们的手机上抬起头来。

更新:教我这个的人解释说,对于一个非常基本的jQuery Mobile页面,我们需要3个头文件:CSS文件使jQuery工作,Javascript文件使jQuery工作,Javascript文件附加到核心jQuery为移动设备提供额外小部件的文件(jQuery Mobile)。

所以,上面显示的3个文件我认为我是金色的。但仍有问题。

1 个答案:

答案 0 :(得分:0)

您是否可以通过任何机会分享您的一些Jquery代码?我想我可以帮助你,只需看看你在做什么。乍一看,看起来你可以在jquery文件中处理它,只在窗口处于某个宽度时运行代码,这就是你需要的。