【问题标题】:Settings charm dialogue is hidden below the main application?设置魅力对话框隐藏在主应用程序下方?
【发布时间】:2012-10-07 18:28:28
【问题描述】:
您好,我正在使用 javascript 和 HTML5 开发一个 Win8 应用程序,目前正在为设置魅力添加各种选项卡。现在,当我最初为每个选项卡添加页面时,当您点击选项卡时,它没有显示任何内容。当我将应用程序置于快照模式时,我注意到该特定选项卡的页面显示在屏幕底部。我从 MSDN 逐行复制了 sample。
我确实注意到,当它出现在屏幕底部时,它看起来就像一个没有样式的页面。我在想以某种方式没有应用样式。有什么想法吗?
【问题讨论】:
标签:
javascript
html
windows-8
microsoft-metro
【解决方案1】:
很高兴听到!不要忘记您还可以访问 UI Dark。
<link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
href 中的 // 位置告诉 Windows 应用商店应用此文件将作为 WinJS 库的一部分自动添加到您的应用包中。
必须对 CSS 样式进行故障排除是您经常会遇到的问题。幸运的是。现在 Visual Studio 2012 中内置了一个 DOM Explorer 工具,它允许您跟踪样式并查看单个元素是否继承了正确的样式。
这已经救了我几次了。 =) 如果您曾经使用过 IE 开发工具,它们非常相似。这是 MSDN 上显示跟踪 CSS 样式的链接:
http://msdn.microsoft.com/en-us/library/windows/apps/hh696632.aspx
【解决方案2】:
我有点感觉这是一个样式问题。我正在使用自动生成 VS2012 JavaScript 项目的第三方应用程序。唯一的问题是它没有包含对系统样式表的引用。例如:
<link rel="stylesheet" href="//Microsoft.WinJS.1.0/css/ui-light.css" />
希望这对某人有所帮助。