在JQuery Mobile中使可折叠集的function响应

我正在设计一款适用于台式机，平板电脑和手机的应用。

我有一些可折叠的内容，我希望在桌面浏览器和ipad格局中插入，但不能插入平板电脑肖像和手机上。

我有其他响应元素正常工作，但以下的HTML和CSS无法正常工作：

HTML

 
 
Header 1
 
Content here
 
  

CSS

 @media all{ .storage_devices {data-inset: "true";} } @media (max-device-width: 520px) and (orientation:portrait) { .storage_devices {data-inset: "false";} } 

我假设JQuery Mobile库正在标记html，因此该类没有正确识别div。 我也尝试过id而没有运气。

谢谢

Answer 1

我用过

 @media all and (max-width: 650px) { .storage_devices {data-inset: "false"} } 

您可以更改宽度，然后添加方向以满足您的需要。