使用纯CSS制作步骤进度条

步骤进度条的使用场景很多,比如说购物流程 、订单流程、面试流程等都要用到它。网上常见的做法是使用CSS图片精灵,该做法的优点是兼容性强,但缺点也很明显:难以自适应设备,而且会加载额外的 图片资源。有没有更好一点的办法呢?下面实例将使用纯CSS来制作面试步骤进度条。 继续阅读“使用纯CSS制作步骤进度条”

学习Media Query

最近做一个手机Web应用需要在各种平台的手机的不同分辨率下加载相应的图片。因为对图片要求较高,缩放会让图片变形模糊。最初想到的是用Javascript来获取手机屏幕大小,然后动态加载相应的CSS文件。这种办法是可行的,但不是最好的。最佳方案是使用今天将谈到的Media Query。 继续阅读“学习Media Query”

在Flex手机应用中使用media规则

有时,开发人员希望对不同的平台设备和设备配置(如不同的DPI)使用不同的样式,我们可以在样式表中使用@media规则做到这一点。

@media规则是 CSS 规范的一部分;Flex 扩展了此规则,将额外的属性application-dpi和os-platform包括进来。通过这些属性,可以根据应用程序DPI和运行应用程序的平台来选择性地应用样式。 继续阅读“在Flex手机应用中使用media规则”