Flex手机项目 - style样式声明中使用@media规则

2014-12-29 发布：hangge 阅读：360

使用Flex框架开发移动应用的时候，可以通过在<fx:Styles>声明中设置@media规则，基于目标OS和CSS中的应用程序DPI来应用样式。

比如：下面的样式将<s:Label>控件的默认fontSize设置为12。而如果是Apple ios设备的话，如果使用240的DPI则fontSize属性设置为10。

<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
							xmlns:s="library://ns.adobe.com/flex/spark" 
							firstView="views.PhoneView" applicationDPI="320">
	<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		s|Label{
			fontSize:12;
		}
		
		@media (os-platform:"IOS") and (application-dpi:240){
			s|Label{
				fontSize:10;
			}
		}
	</fx:Style>
</s:ViewNavigatorApplication>