Android layout 更改应仅反映在平板电脑设备中

我已将正文背景色（例如：蓝色）应用于我的页面。但是当我在平板电脑上打开这个页面时，移动设备的颜色应该变成橙色。当我调整电脑浏览器窗口的大小时，颜色不会改变。可能吗

您是否尝试过CSS3媒体查询；如下图所示

/*Common Tablet Width*/
@media only screen and (max-device-width: 1024px) {
    body{
       background-color:blue;
    }
}

---

你可以通过改变CSS标签来改变宽度；但所有设备都会发生变化

@media only screen and (max-device-width: 1440px) {

要确定它是平板电脑还是用户正在使用的特定设备，可以使用Javascript确定该设备。然后相应地加载CSS

您可以在这里查看代码；[连结]http://davidwalsh.name/detect-ipad[/link]

问题是有成千上万的设备。因此，您必须检查每个设备

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null;

// For use within iPad developer UIWebView
// Thanks to Andrew Hedges!
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);

---

如果平板电脑超过1024px，比如1280140。。。像这样的东西我们将如何定义？