如何根据屏幕尺寸直接制作按钮链接？

Question

我需要能够创建一个按钮，单击该按钮会根据用户的屏幕大小指向两个页面中的一个。例如，如果用户在移动设备上，例如＆lt; 760px，则将它们定向到“pageA”。或者，桌面用户将被定向到“pageB”。

这是在wordpress网站上，我更喜欢在文本小部件（html输入）中执行此操作。那可能吗？

Answer 1

<style>
#two {display: none;}
@media (min-width: 760px) {
    #two {display: block;} /* or inline-block, as needed */
    #one {display: none;}
}
</style>

<a class="button" href="/mobile-page" id="one">My Button</a>
<a class="button" href="/desktop-page" id="two">My Button</a>