html5 – 在浏览器中运行Blend创建的HTML / CSS？

解决方法

以下是一些兴趣点：
•Blend设计图面使用与运行时Windows 8应用程序相同的渲染器(即IE10). Windows应用程序运行时可能会以不同于其他浏览器的方式呈现内容,就像不同的浏览器实现有所不同.它仍然是标准的HTML和CSS,但WYSIWYG编辑基于Windows 8应用程序运行时渲染.

•Windows 8应用程序可以处于不同的视图状态.在正在运行的应用程序中,查看状态开关会触发媒体查询和事件. Blend中有专门的工具可以模拟设计表面上的视图状态和分辨率/ DPI切换,以获得精确的设计体验.

•网站通常用于具有无限高度的滚动页面.相比之下,App UI通常会假设固定高度,由应用程序运行设备的屏幕大小决定. Blend设计界面专为构建应用而设计.

•交互模式将应用程序作为Windows 8应用程序运行

•Blend不编辑松散的HTML或CSS文件,它假定一个项目文件.提供的项目模板适用于Windows 8应用程序.

•Blend的CSS属性编辑器侧重于IE中支持的CSS属性和值集. IE中存在的绝大多数CSS属性和属性值与其他地方相同,但存在一些细微差别,就像其他浏览器之间一样.

•IE 10中支持的一系列CSS功能是提议的标准,但尚未最终确定. W3C要求浏览器使用特定于供应商的前缀来表示此类属性和属性值.这包括CSS Grid,Flex Box,Transitions和Transforms等等.对于此类属性,Blend将仅了解并生成特定于Microsoft的供应商前缀.

•Windows 8 HTML UI平台的一部分是WinJS工具包(它只是一个JavaScript库),它提供控件和其他有用的构建块. Blend包含用于WinJS的多个功能的特殊工具,例如控件或片段.使用这些功能中的任何一个都将创建依赖于WinJS工具包可用性的标记,但使用WinJS当然不是强制性的.

干杯,洛瑞德克斯Blend Team Community PM