- A+
所属分类:wrodprss
移动设备(手机、一些PDA等)的样式化可以以与定制打印页面的样式大致相同的方式完成。
两者之间的主要区别在于,不使用媒体类型的“打印”,而是使用“手持”的媒体类型。
用户代理(Web浏览器)根据他们正在做的事情来决定使用哪种CSS媒体类型。就像浏览器在打印文档时使用的“打印”媒体类型一样,“手持”媒体类型在存在时由许多不同的小屏幕浏览器使用。
例如,你可以考虑在小屏幕上隐藏边栏和其他非文本元素。或者,如果使用固定宽度的页面,您可能希望消除这种固定宽度限制,并且可能使博客完全采用简单的文本格式,允许它在小屏幕上进行适当的包装。
使用基于百分比的测量而不是固定的像素宽度也是很好的实践。例如,在css文件中,给标记主体一个文本大小,并且以基于文本的标记或任何标记,您使用文本来给标记主体一个百分比,以便在电话上使用和测试它。
大背景图像往往不能很好地适应小设备。最好从你的手提样式表中排除这些,然后换成简单的纯色背景。
如果缺少使用的小屏幕Web设备,则有可用的模拟器,可以在这种模式下查看站点。Opera迷你仿真器可以查看您的站点。
例子
移动样式表的示例代码使背景白色和文本黑色。
/* Mobile Style Sheet */ @media handheld { body { background: white; color: black; } } 这通常会插入到现有CSS样式表的末尾。手持设备会选择这个样式,使用特殊样式表而不是普通的主题样式。
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-