wrodprss手机博客

移动设备（手机、一些PDA等）的样式化可以以与定制打印页面的样式大致相同的方式完成。

两者之间的主要区别在于，不使用媒体类型的“打印”，而是使用“手持”的媒体类型。

用户代理（Web浏览器）根据他们正在做的事情来决定使用哪种CSS媒体类型。就像浏览器在打印文档时使用的“打印”媒体类型一样，“手持”媒体类型在存在时由许多不同的小屏幕浏览器使用。

例如，你可以考虑在小屏幕上隐藏边栏和其他非文本元素。或者，如果使用固定宽度的页面，您可能希望消除这种固定宽度限制，并且可能使博客完全采用简单的文本格式，允许它在小屏幕上进行适当的包装。

使用基于百分比的测量而不是固定的像素宽度也是很好的实践。例如，在css文件中，给标记主体一个文本大小，并且以基于文本的标记或任何标记，您使用文本来给标记主体一个百分比，以便在电话上使用和测试它。

大背景图像往往不能很好地适应小设备。最好从你的手提样式表中排除这些，然后换成简单的纯色背景。

如果缺少使用的小屏幕Web设备，则有可用的模拟器，可以在这种模式下查看站点。Opera迷你仿真器可以查看您的站点。

例子

移动样式表的示例代码使背景白色和文本黑色。

/* Mobile Style Sheet */
@media handheld {
    body {
        background: white;
        color: black;
    }
}
这通常会插入到现有CSS样式表的末尾。手持设备会选择这个样式，使用特殊样式表而不是普通的主题样式。