在电脑上获取CSS属性的常用方法是使用JavaScript的getComputedStyle()方法。然而，在手机上，特别是在移动浏览器中，该方法不一定能正常工作。以下是一个解决方法，使用媒体查询来检测设备类型，如果是手机，则采用另一种方法获取CSS属性。

HTML代码：

按钮

JavaScript代码：

var button = document.getElementById("myButton");
var cssProperty;

// 使用媒体查询检测设备类型
if (window.matchMedia("(max-width: 767px)").matches) {
  // 在手机上获取CSS属性的替代方法
  cssProperty = window.getComputedStyle(button).getPropertyValue("属性名称");
} else {
  // 在电脑上使用getComputedStyle()方法获取CSS属性
  cssProperty = getComputedStyle(button).getPropertyValue("属性名称");
}

console.log(cssProperty);

注：请将代码中的属性名称替换为实际要获取的CSS属性的名称。

这段代码首先通过document.getElementById()方法获取按钮元素，并将其存储在变量button中。然后，使用媒体查询window.matchMedia()来检测设备类型。如果匹配的媒体查询条件是手机设备（屏幕宽度小于767px），则使用window.getComputedStyle()方法获取CSS属性的值。否则，在电脑上，直接使用getComputedStyle()方法获取CSS属性的值。

最后，将获取到的CSS属性值打印到控制台中。

这种方法可以根据设备类型灵活地选择不同的获取CSS属性的方法，从而解决了在手机上无法使用getComputedStyle()方法的问题。