css - 如何知道 Metro Viewstete 不在全屏模式

Question

我正在实施 Metro 应用程序，并停留在视图状态。

我有两个视图状态，用于全屏和非全屏

以下是我的代码，它尝试通过确定最大宽度的百分比来应用非全屏样式但不起作用

/*default css style for fullscreen   */
.class1 {}
.class2 {}

/* non-fullscreen style */
@media (min-width: 320px) and (max-width: 99%) {
.class1 {}
.class2 {}
}

有什么建议吗？谢谢

Answer 1

浏览此链接max width for winjs

还有这个链接中提到的一点

** 如果包含块的宽度没有显式设置，则元素没有最大宽度，max-width 属性被解释为 0%**

如果这似乎没有帮助，请分享您的 html。我将继续配置它，甚至有助于解决确切的问题。