1

我有一些链接要在桌面用户的模式窗口中打开，而不是在移动用户的模式窗口中打开（通过 CSS 类和 jQuery 事件侦听器启动的模式窗口）。该站点正在使用媒体查询运行响应式主题，因此我试图弄清楚如何处理不同屏幕尺寸的不同行为（假设每种屏幕尺寸中使用的设备类型）。

我现在已经设置了 2 个不同的链接。每个屏幕尺寸只显示其中 1 个链接，我假设更大的屏幕尺寸将使用模态窗口链接。当媒体查询返回较小的尺寸时，我会隐藏模式窗口链接并显示指向所需页面的标准链接。

似乎必须有更好的方法来做到这一点。有任何想法吗？

4

1 回答 1

1

如果我理解正确，你需要一个锚来根据屏幕尺寸做不同的事情（另一种检测移动设备并避免桌面小窗口的方法是根据尺寸和像素比进行媒体查询）。

我用这种方法看到的问题是（假设您有两个选项，并且只是根据 css 媒体查询显示/隐藏正确的选项）您在代码中重复内容，这对可访问性不是很好。

为什么不通过 jquery 来做呢？您可以检测视口大小并为链接提供足够的功能。例如，您的默认链接除了重定向到新地址之外没有任何特定操作。但是，如果视口大于 x，则您将链接的内容编写为不同的（添加一个类以打开模式左右）。

于 2012-10-30T02:40:34.517 回答