按钮宽度CSS在移动设备上不会改变，但在桌面上很好

。

这个问题涉及到响应式设计和移动优化。在移动设备上，为了适应小屏幕尺寸，按钮宽度通常会被设置为相对较小的值，以便更好地适应移动设备的显示。而在桌面上，按钮宽度通常会被设置为较大的值，以便更好地利用桌面设备的屏幕空间。

为了实现这种效果，可以使用CSS媒体查询来针对不同的设备类型设置不同的按钮宽度。媒体查询可以根据设备的屏幕宽度、高度、方向等属性来应用不同的CSS样式。

以下是一个示例代码，展示了如何使用媒体查询设置按钮在移动设备和桌面上的宽度：

/* 移动设备上的按钮样式 */
@media screen and (max-width: 767px) {
  .button {
    width: 100px;
  }
}

/* 桌面设备上的按钮样式 */
@media screen and (min-width: 768px) {
  .button {
    width: 200px;
  }
}

在上面的代码中，.button 是按钮的类名，100px 和 200px 是移动设备和桌面设备上的按钮宽度。

这样，当页面在移动设备上加载时，按钮的宽度将被设置为 100px，而在桌面设备上加载时，按钮的宽度将被设置为 200px。

对于腾讯云相关产品，可以使用腾讯云的移动开发平台（https://cloud.tencent.com/product/mpp）来开发移动应用，并使用腾讯云的云服务器（https://cloud.tencent.com/product/cvm）来进行服务器运维。