WAP页面设计与实现小贴士（2）
来源：MUX 发布时间：2011-01-10 20:38:00
如果你使用了这些样式，有的手机甚至无法正确展现，比如下图的一款山寨机：
如果你试图通过文本样式达到突出重点的作用，那么多多用颜色吧，颜色是具备最广泛支持的。
3、内容尽量少使用左对齐之外的方式
你使用过右对齐设置吗？
事实上，很多浏览器（如一些版本的UCWEB和GO浏览器）是并不支持类似的右对齐的。在这些浏览器上，他们会跑到左边。
4、减少复杂的布局
浮动、绝对定位、两栏布局神马的，对于很多手机浏览器来说都是浮云。试看以下使用了绝对定位的效果：
因此，请尽量避免使用这些CSS属性：float、clear、position、top、left、right、bottom。如果使用，请尽量保证这不影响你的页面内容的正常展示。
5、避免链接颜色与文本颜色相同
Web页面开发时有时会让文本和链接颜色相同，靠是否有下划线来判断是否是一个链接。但某些移动浏览器并不支持定制链接是否有下划线。这种情况下，如果链接颜色与文本颜色相同，则可能造成用户完全无法区分链接与普通文本。
6、为触摸屏手机单独做一个版本
电脑上的浏览器大部分都有鼠标，可以很方便地定位到一个细小的位置。
触摸屏手机则不同，狭小的屏幕下，小号文字或者较短的链接，可能手指很容易产生误点击。请为触摸屏手机单独做一个版本。
触摸屏版本，可以通过增大字号、扩大点击区域、设置明显点击标识⋯⋯等手段来改善用户体验。
7、避免使用过多的图片
图片可以带来更好的视觉效果，但是在现在使用流量计费的环境下，也会为用户浪费更多的流量，也会大大延长使用GPRS/EDGE上网的用户打开页面的速度。
因此，请尽量避免大量使用图片。
8、减少PNG格式图片和GIF动画的使用
有一些手机，如某些山寨机，是不支持PNG格式的图片的。也有部分浏览器，如某些平台上的UCWEB或Opera Mini，是看不到GIF动画的动态效果的。
如果图片对你很重要，请尽量不要使用PNG格式的图片，并减少GIF动画的使用。
9、页面小一些
手机是一种能力很有限的设备。过长的页面，一方面使用并不方便（很多键盘手机用户需要不断按着向下按钮来下翻），另一方面，很可能是打不开你的页面的——比如Moto V3手机，页面大小超过10K，就无法打开了。为了让更多用户可以更好地浏览页面，请减少页面大小。
0
投稿猜你喜欢
- 新一代GPT4发布了，今年GPT不断给大家带来惊喜。在OpenAI的官网，也公开了GPT的Python调用第三方库：openai。今天我们就
- 在Python中，函数本身也是对象，所以可以将函数作为参数传入另一函数并进行调用在旧版本中，可以使用apply(function, *arg
- javascript是种脚本语言，浏览器下载到哪儿就会执行到哪儿，这种特性会为编程提供方便，但也容易使程序过于凌乱，支离破碎。 js从功能上
- 在神经网络训练中，好的权重 初始化会加速训练过程。下面说一下kernel_initializer 权重初始化的方法。不同的层可能使用不同的关
- 原生实现jQuery的sibling方法<body><span>我是span标签</span><d
前言大家做自动化登录时可能都遇到过滑块验证码需要手动验证的问题，这次我们就来解决他如下： 在我们做自动化登录时，总会遇到各种奇奇怪怪的验证- 1.作用域在python中，作用域分为两种:全局作用域和局部作用域。全局作用域是定义在文件级别的变量,函数名。而局部作用域，则是定义函数内部
- 因为要批量用某软件处理一批eps文件，所以要模拟鼠标及键盘动作，使其能够自动化操作。#-*-coding:utf-8-*-import os
- vue计算属性的缓存computed用法计算属性的缓存<!DOCTYPE html><html lang="en
- 冻结的集合前面一节讲述了集合的基本概念，注意，那里所涉及到的集合都是可原处修改的集合。还有一种集合，不能在原处修改。这种集合的创建方法是：&
- MySQL 8.0.30官网下载安装教程此文面向于学习mysql数据库的小白，仅进行了详细的基本配置。第一步（官网下载安装）官网下载安装助手
- 1、Linux主机重定向 Godaddy的Liunx主机，Godaddy本身已经支持Apache，所以直接创建一个.htaccess文件就可
- 本文章向大家介绍Python numpy.interp实例讲解，主要分析其语法、参数、返回值和注意事项，并结合实例形式分析了其使用技巧，希望
- MySQL的异常处理分析如下：标准格式DECLARE handler_type HANDLER FOR condition_value[,.
- 前两天简单认识了一下PyQt5，通过练习开发了一款在Window下自定义关机的小工具，代码如下：import os,sys,timefrom
- 1、之前那个说淘宝交易评价“有问题”的文章已经有了一百多个评论。（某些开口就骂的评论已被删除）近期去评论的人都是从搜索引擎过来的，他们不是产
- 1，使用到的第三方库requestsBeautifulSoup 美味汤worldcloud 词云jieba 中文分词matplotlib 绘
- 什么是YOLOV4YOLOV4是YOLOV3的改进版，在YOLOV3的基础上结合了非常多的小Tricks。尽管没有目标检测上革命性的改变，但
- 这篇文章主要介绍了Python django框架输入汉字，数字，字符转成二维码实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作
- 网上看到过许多螺旋线的程序，但不是黑色就是单个颜色不变。这里作者编了一个程序，还很漂亮的。希望大家喜欢！！！使用turtle绘图。代码如下。
