CSS 与 XAML 测量

Question

我在我的 XAML 中使用 VisualState 以在 700pt 处触发 UI 更改。我还有一个 CSS 文件(应用于占用整个页面宽度的 WebView)，它应该将字体大小更改为 700pt。我的 XAML 是:

<AdaptiveTrigger MinWindowWidth="700"/>

CSS 是:

@media only screen and (min-width: 700pt)

但是，XAML 比 CSS 触发得更快。我不明白为什么它们不会同时触发。

Answer 1

UWP 中的 Xaml 使用有效像素 https://msdn.microsoft.com/en-us/library/windows/apps/dn958435.aspx#designing_with_effective_pixels而您的 CSS 可能适用于常规 CSS。您需要在两者之间进行转换。

有关有效像素数学的更多信息:https://channel9.msdn.com/Events/Build/2015/2-63