Joomla控，Drupal粉 - 开源CMS建站新闻杂谈、文档教程、案例介绍、扩展相关、个人博客及收藏

昨天的文档中，我们学习了怎样为Purity II模板按照我们的设计需求为不同布局的更换配色；今天来看看在iPhone及其他移动设备中页面的样式定义。

首先来看iPhone；在本地测试之前，我们需要将layouts中的iphone.php设置为默认布局页面。自然，Firefox无法像iPhone一样正常加载这个布局，但是我们仍然可以使用Firebug来找到某些页面元素对应的样式表代码行，然后到iPhone布局对应的CSS文件中按照设计需求把代码写写好。

iphone.php布局涉及到的样式表有以下这些：

• iphone.css：位于templates/ja_purity_ii/css/handheld文件夹
• template.css：位于templates/ja_purity_ii/css/handheld文件夹
• template.css：位于templates/ja_purity_ii/css文件夹

当然也可以新增加样式表来单独覆盖样式；记得在templates/ja_purity_ii/layouts/blocks/iphone文件夹中的head.php文件第12行附近增加相应的调用代码。

类似的，对于其他类型的手持设备，Purity II有专门的“handheld”布局负责呈现，我们同样可以使用FF及手持设备浏览测试；相关的样式表文件有：

• layout.css：位于templates/ja_purity_ii/css/handheld文件夹
• template.css：位于templates/ja_purity_ii/css/handheld文件夹
• template.css：位于templates/ja_purity_ii/css文件夹

有关移动设备中的样式定义，大致的需要了解的就是这样；接下来的文档中，我们将看看怎样让页面在IE6中显示警告及高级浏览器推荐信息。

译者：Viiiix7210

如需转载，请注明官方英文文档及本人译文的出处，谢谢。查看官方英文文档: JA Template Framework/FAQs