“掌中”样式

0条评论

针对便携式设备(手机,某些PDA等)进行样式定制的方法与打印页面的定制方法基本相同。

二者的主要差别在于,前者不使用“打印”的媒体类型,而是使用"便携式"的媒体类型。

浏览器会根据CSS媒体类型的功能来决定选用种类。与打印文档时浏览器使用打印的媒体类型相似,便携式的媒体类型则被用于多种小屏幕的浏览设备。

针对小屏幕设备你所需要考虑的事宜之一,即是隐藏边栏及其他非文本元素。如果你使用限定宽度的页面,那很可能需要取消这种限制,并整体使用较为简单的文本格式,这样一来文本内容就能较合理地排布在小屏幕上了。

另外,使用按比例缩放的尺寸会比使用限定的像素宽度要好。例如,在你的css文件中,给予body标签一个文本尺寸,然后在你所使用的基于文本的标签中给予它们某种比例,接着在手机上进行一下测试。

大尺寸的背景图片往往无法很好地契合小屏幕的设备。因此最好将它们从便携式的风格页中将它们移除,然后使用较简单的单色背景。

如果你手头上没有小屏幕的网页浏览设备,可以使用模拟器进行测试。Opera Mini Emulator可以查看你的网站,而Opera Mini Beta Simulator使用起来则更简单些。