CSS媒体查询仅定位到iPad和iPad？

终于找到了以下解决方案：使用CSS检测不同的设备平台

<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)" href="ipad-portrait.css" /><link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="ipad-landscape.css" />

为了减少HTTP调用，它也可以在现有的通用CSS文件中使用：

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {  .ipad-portrait { color: red; } }@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {  .ipad-landscape { color: blue; } }

希望这可以帮助。