CSS 与 XAML 测量

标签 css xaml uwp

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

<AdaptiveTrigger MinWindowWidth="700"/>

CSS 是:

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

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

最佳答案

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

关于CSS 与 XAML 测量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34859424/

相关文章:

html - ui-select:如何更改所选元素的背景颜色?

c# - ExpanderView 的性能不利于扩展(XAML + UWP)

c# - 使用 INotifyPropertyChanged

c# - 为什么 Node.js 的符号和 CryptographicEngine 的符号结果不同?

uwp - AutoSuggestBox - 更改查询图标大小

jquery - 如何获得以像素为单位的 x% 高度?

css - Sass 除法不是有效的 CSS 值

javascript - 如何在外部和内部链接脚本?

c# - 将 MenuItem 的 CommandParameter 绑定(bind)到父 DataGrid

uwp - 哪个API可以获取显示屏亮度?