WAP页面设计与实现小贴士
来源:MUX 时间:2011-01-10 20:38:00
目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果,更接近网页。不过由于手机千差万别,手机浏览器的能力也各不相同,直接照搬网页的设计与实现,很可能让你的WAP页面出现问题。以下小贴士来自于我们的页面设计与开发实践。
1、当你试图使用背景图时,请同时搭配近似的背景色
手机上,有些浏览器是不支持使用背景图片的。比如下图,在S60v3操作系统的手机(如N76)上:
喜欢使用深色背景图片和浅色文字的同学们请注意了,在不支持背景图片的浏览器上,很可能由于“靠色”,而让用户无法分辨出这些文字。
如果你还是觉得不使用背景图片心有不甘,那么请在使用背景图片时搭配一个近似的背景色吧。背景色是具备广泛支持的,而且背景图和背景色是可以同时设置的。
这样,即使用户的浏览器不支持背景图,也不会造成你的文本内容无法分辨。
2、避免依赖于文本样式(粗体、斜体、文字大小)的设计,多用文字颜色。
虽然综合使用粗体、斜体和不同大小的文字可以起到突出重点内容的作用,但是在手机上这样做可能你的苦心会白费的。 粗体、斜体和文字大小的展现效果在不同的手机浏览器上支持各不相同,如下图:
标签:wap,设计,手机
0
投稿
猜你喜欢
python工具之清理 Markdown 中没有引用的图片
2022-02-14 11:44:39
Python logging管理不同级别log打印和存储实例
2021-08-27 19:12:29
天极产品设计流程
2007-10-11 18:47:00
如何使用Pytorch完成图像分类任务详解
2023-10-05 16:37:05
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2021-05-13 00:29:01
跨浏览器使用剪贴板
2008-09-27 13:26:00
用Python实现群发邮件
2023-10-30 20:04:36
javascript动态添加表格数据行(ASP后台数据库保存例子)
2024-02-27 11:17:31
新Orcas语言特性:扩展方法
2007-09-23 12:49:00
pytorch 实现张量tensor,图片,CPU,GPU,数组等的转换
2023-08-12 07:44:34
关于networkx返回图的邻接矩阵问题
2021-04-09 13:10:35
python 为什么说eval要慎用
2022-05-01 17:38:49
Pandas进行数据编码的十种方式总结
2021-10-17 19:05:56
编写Python脚本抓取网络小说来制作自己的阅读器
2022-11-06 18:51:03
基于.NET平台常用的框架和开源程序整理
2024-06-05 09:26:51
MySQL如何实现负载均衡功能
2024-01-20 20:25:45
mysql data文件夹位置查找
2024-01-15 08:20:38
python实现图片处理和特征提取详解
2023-10-04 02:28:16
分布式系统CAP定理中的P原理解析
2022-09-04 11:16:15
MySQL系列之十一 日志记录
2024-01-13 16:20:38