手机版网站起码要实现一些基本的功能吧：
1.页面的适用性问题。对于移动终端，有不一样的分辨率与屏幕尺寸，如果还像电脑端的设计还限制网页的宽度为1003px或其他像素值，字体大小还用12px或14px，那么，不一样的终端的效果差别会很大。所以这里，最好让网页的宽度自适应屏幕，还好，w3c在设计html的时候为我们考虑了这一点，只需一句话，就可以搞定，就是加上
<meta name="viewport" content="width=device-width"/>
,对于字体的话，我们就用em或ex为单位就好
2.版本制作问题。移动页面往往针对不同的手机设置不同的版本，一般有精简版，标准版，3G版，触屏版，智能手机版等等，这些除了在页面设计上有不同外，页面语言也会不同的。精简版采用wap 1.0 的wml脚本编写，这个通用性以前很强，很多国产手机都支持这个语言的，但这个语言是很精简的。标准版的一般可以采用wap 2.0技术，对应的脚本语言是xhtml mp(xhtml mobile profile)，这个语言是xhtml的子集，这个并且支持大部分的css,基本上和电脑版的差不多，但一般不能用js，这是考虑到这些手机是不支持js的。对于智能手机版，由于现在的智能手机都支持js，这个版本的制作上就简单多了，不过，又由于大部分智能手机（基本上除去塞班手机，包括Android,ios,wp7等）都支持Html5，因此，智能手版可以采用html5来制作。
3.版本控制问题。可能这部分是比较不好解决的，怎么智能判断手机的最佳版本并跳转，可以从这几个方面考虑。一方面，可以想办法得到手机的操作系统，比如，Android的，ios的，就可以跳转到html5版了，windows系统，毫无疑问电脑版，获得手机系统，可能通过得到手机型号，现在的方法是通过浏览器的UA（user agent)，获得手机的一些信息，简单一点的，直接可以通过UA判断手机的制造产商。要想获得更多的信息，就得有一个数据库，因为不同手机型号会有不一样的UA信息，世界上的手机有很多，自己要想做一个这样的数据库还是很难的，不过，已经有人为我们做好了这样的数据库，或者更方便的，做好了一个识别手机适用最佳版本的函数库，这里我推荐用Wurfl。另一方面，可以通过页面的脚本来判断浏览器对js和html5的支持，代码如下
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<title>版本控制</title>
<script type="text/javascript">
window.onload = function(){
//检测是否支持js
try{//检测是否支持html5
document.getElementById("c").getContext("2d");
document.location = '支持html5版的链接';
}catch(e){//否则跳到支持js版
document.location = '支持js版';
}
};
</script>
</head>
<body>
<canvas id='c'></canvas>
普通版
</body>
</html>
4.手机版本的大小问题。一般来说，对于精简版和普通版的手机网页，我们是做得越精简越好，能省的代码最好省去，毕竟现在手机流量对用户来说还是很宝贵的。比如元素命名，一般页面少的话，命名越短越好，css最好写在一行。css中，有些元素是继承父类的样式的，不用重复定义，善用默认值。
5.浏览器缓存。如果再更新不快的情况下，最好开启浏览器缓存
分享到：
挺简洁实用的。
相关推荐
在移动互联网快速发展的今天，WAP...总结，WAP手机网站开发不仅涉及技术层面的学习，还涵盖用户体验、性能优化等多方面。掌握这些知识点，开发者就能创建出既美观又实用的移动互联网入口，为用户带来便捷的服务。
本文档总结了手机RF开发工程师在实际工作中的心得和经验，对于即将或已经涉足该领域的朋友具有重要的参考价值。 首先，文档管理是开发工作中的基础环节。文档涵盖了开发的每一个细节，从设计、实施到测试的整个流程...
移动应用开发大作业项目总结报告 本项目旨在开发一个移动应用程序，使用 Vue.js 技术，实现电影和音乐的在线播放和评论功能。该应用程序分为三个部分：电影列表、音乐列表和开发者介绍。电影列表罗列最近上映电影，...
- **项目完成情况**：2015年，在网络部领导的指导下，王俊林作为软件工程师成功完成了“兰州金易信息科技有限责任公司”门户网站及手机移动端网站的开发工作。这一成就不仅体现了其扎实的专业技能，更展现了其良好的...
Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。...
总结，Brew手机游戏开发实例不仅涵盖了技术层面的知识，还包括了实际项目开发的经验分享。通过学习和实践，开发者不仅能掌握Brew平台的开发技能，还能了解到手机游戏开发的完整过程，为今后的移动应用开发打下坚实的...
### 自学手机网站开发教程：手机网页设计与制作 随着移动互联网技术的飞速发展以及智能手机的普及，越来越多的人选择通过手机上网。由此，“哪里有人群，哪里就有发展”的趋势愈发明显，促使互联网产业逐渐向移动端...
本文主要总结了在使用Visual Studio 2008进行手机开发，特别是针对Windows Mobile 6系统的智能设备应用程序开发时的一些关键点。以下是对这些知识点的详细阐述： 1. **程序结构**： - **系统配置**：这部分涉及XML...
根据提供的文件信息，本文将详细解析“3G手机开发之Android应用开发”的核心知识点，包括3G技术在手机中的应用、Android平台的特点及其在移动开发中的优势，以及如何利用这些资源进行有效的学习。 ### 一、3G技术...
总结，MTK手机开发平台资料是针对有一定基础的开发者设计的，涵盖了从硬件设计到软件开发、调试、测试的全过程。通过深入学习和实践，开发者可以掌握MTK平台上的全方位技能，创造出满足市场需求的高性能移动设备。
开发者需要理解Android SDK和Android Studio的使用，熟悉AVD管理以进行模拟器更换，对比了解J2ME与Android的区别，并掌握手机开发的基本原理和技术。在这个过程中，"Google手机操作系统Android应用开发入门"这份资料...
在手机网站的整个开发过程中，始终关注用户体验是非常关键的。良好的用户体验不仅能够促进用户的留存，还能在后期的推广活动中发挥重要作用。因此，在设计之初就需要考虑如何有效地收集用户反馈、展示产品信息，并...
总结来说，"基于Android的手机钱包开发与设计"涵盖了Android应用开发的多个重要方面，包括平台知识、编程语言、网络通信、数据安全、UI设计以及性能优化。通过这个项目，开发者不仅可以学会如何构建一款实际的手机...
### 知识点一：Java ME 平台与索尼爱立信手机开发 #### Java ME 平台概述 - **定义**: Java ME (Micro Edition) 是一个为嵌入式及移动设备设计的 Java 平台版本。 - **配置**: CLDC (Connected Limited Device ...
QT开发的学习总结主要涵盖Qt框架的历史、不同版本的解析以及嵌入式环境的安装与配置。Qt是由Trolltech公司创建的，后被诺基亚收购，成为诺基亚Qt Development Frameworks的一部分，如今它是一个广泛应用的跨平台开发...
Android 蓝牙驱动开发总结 Android 蓝牙驱动开发是 Android 开发者不可错过的一部分，特别是初学者和初级工程师。理解 Android 蓝牙驱动开发是掌握 Android 蓝牙开发的关键。本文将从蓝牙基本概念、Android 蓝牙...
以下是一些关于手机网站开发的详细知识点： 1. **页面的适用性**：移动设备的分辨率和屏幕尺寸各异，因此设计时应考虑响应式布局。通过设置`<meta name="viewport" content="width=device-width">`，可以让网页宽度...
手机开发项目管理是一个复杂而精细的过程，涉及到多个领域和团队协作。在这个过程中，"系统性"、"严谨性"、"团结"和"经验与教训"是四个至关重要的关键词。 首先，"系统性"体现在手机产品本身是一个集成的系统，涵盖...