Button 如何使按钮链接直接依赖于屏幕大小？

我需要能够制作一个按钮，当点击按钮时，根据用户的屏幕大小，它会指向两个页面中的一个。例如，如果用户在移动设备上，则说

#两个{显示：无；}
@介质（最小宽度：760像素）{
#两个{display:block；}/*或内联块（根据需要）*/
#一个{显示：无；}
}

工作正常！万分感谢！也许可以让我在黑暗中少走几个小时。

<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>