Tag: 响应式设计

jQuery – 根据屏幕大小执行脚本

如果屏幕/设备大小超过xxx像素宽，是否可以只运行某些jQuery脚本？ 因此，例如，当人们在大于1024px的设备上查看网站时，我只想播放幻灯片。 如果有人在手机上访问我只想让所有图像叠加在一起…

链接在响应的图像背景的某个位置上

我有一个任务要做，我无法找到目标的解决方案或方向。 任务 此任务需要一些位于图像完整背景中的链接。 该图像中包含一些产品，并且链接需要位于这些产品之上，考虑到屏幕可以更宽或者不宽，因此图像背景可以拉伸，因此链接的位置也必须适应。 知道怎么做吗？ 试用 我已经尝试了 和 标签，但与平板电脑的兼容性可能很棘手。 另一个很大的问题是我可以指定它的位置，但我不能在这些元素上放置任何图像或CSS。 也许解决方案是jquery？ 有任何想法吗？ HTML O O 因此，热点是我认为绝对位于某个位置的链接。 也许您有其他输入或指示可供遵循？ 提前致谢！！！！ 小提琴： http://jsfiddle.net/uDCuB/

Jquery砌体无缝响应图像网格

我正在寻找使用jquery砌体创建无缝（无沟槽）全屏图像网格，其中图像是完全响应的并且具有不同的宽度。 我已经找到了其他几个起点，但事实certificate我的jquery知识非常困难。 这就是我想要的： http ： //future.thefutureforward.com/~cycles/assets/images/HUB0002_dAutremont_4WEB.jpg 这就是我到目前为止： http ： //future.thefutureforward.com/~cycles/archive-test-fluid.html HTML（只是一部分）： Featured Process Archive Blog Bicycle #001 Bicycle #002 Bicycle #003 每个“盒子”的CSS： .box{ margin: 0px 0px 0px 0px; padding: 0px; float: left; max-width: 33.3%; /* since we’re going for three across… */ } .box img { margin: 0px 0px 0px 0px; padding: 0px; max-width:100%; display:block; […]

移动设备上的hover和点击事件

我正在为桌面和移动设备创建一个响应式网站。 我有一个hover和点击事件的问题，我不知道如何解决移动设备上的用户。 在网站上，我有一个包含在链接中的框（div）。 在桌面上，当用户将鼠标hover在桌面上时，带有文本内容的不同颜色框会向下滑过第一个框。 当用户单击该框时，该链接会将其带到指定的页面。 我正在使用jQuery。 现在，在移动设备上，当用户点击该框时，第二个框向下滑动。 但实际关注链接需要第二次点击。 我正在创建此公司的公司要求，在移动设备上，当用户点击一个框时，第二个框将向下滑动，在2秒延迟后，它将自动将它们发送到指定页面。 这样，用户只需点击一次。 我不知道如何使这项工作。 我想过使用jQuery mobile，但我无法找到绕过第一次点击的方法（移动设备将其视为hover事件）并激活链接。 谢谢