wrodprss手机博客

  • A+
所属分类:wrodprss
广告也精彩

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

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

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

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

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

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

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

例子

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

/* Mobile Style Sheet */
@media handheld {
    body {
        background: white;
        color: black;
    }
}
这通常会插入到现有CSS样式表的末尾。手持设备会选择这个样式,使用特殊样式表而不是普通的主题样式。
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
广告也精彩

发表评论

您必须登录才能发表评论!