HTML按钮在桌面上工作正常，在移动设备上则不起作用

的原因可能是由于移动设备的触摸屏交互方式与桌面设备的鼠标点击方式不同，导致事件触发机制不一致。

移动设备上的触摸屏通过触摸手势来模拟鼠标点击事件，而不是直接的鼠标点击。因此，在移动设备上，需要通过特定的移动设备事件（例如touchstart、touchmove、touchend等）来处理按钮的交互效果。

为了解决这个问题，可以通过以下几种方式来实现在移动设备上使HTML按钮正常工作：

1. 使用CSS样式：通过CSS的@media查询和响应式设计，可以为移动设备和桌面设备分别设置不同的样式，以适应不同设备的交互方式。比如，可以使用@media查询来设置按钮的大小、字体大小等属性，以确保在移动设备上按钮可点击。
2. 使用JavaScript：通过JavaScript监听移动设备的触摸事件，然后触发相应的按钮点击事件。可以使用addEventListener方法监听touchstart或touchend事件，并在事件处理函数中触发按钮的点击事件。
3. 使用框架或库：许多前端框架和库（如React、Vue.js）提供了对移动设备触摸事件的处理和封装，可以简化在移动设备上处理按钮交互的过程。
4. 使用移动设备专用元素：移动设备上有一些专门的HTML元素，如<a>标签或<button>标签的样式可以更好地适应移动设备的触摸屏交互方式。可以考虑使用这些元素替代普通的<button>标签。

对于腾讯云相关产品和产品介绍，由于不能提及具体品牌商，可以参考腾讯云官网的相关文档和产品介绍页面，了解腾讯云在移动开发、前端开发等领域的解决方案和产品推荐。