wap2.0建站使用心得

最近要做一个公司内容人用的刷积分的应用积分墙wap页面，在这里记录下一些自己的使用心得吧！！

这里我用的是wap2.0的版本，模板如下：

<?xml version="1.0" encoding="utf-8"?>
<%@page language="java" contentType="application/xhtml+xml; charset=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>
        <title>积分应用墙</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.5"/>
        <meta name="MobileOptimized" content="240"/>
        <meta http-equiv="Cache-Control" content="max-age=0"/>
        <meta http-equiv="Cache-Control" content="no-cache"/>
        <meta name="showLogo" content="true" />
        <link type="text/css" rel="stylesheet" href="css/reset.css"/>
    </head>
    <body>
         <div class="nav">
             <p >内部员工体验频道</p>
         </div>
    </body> 
</html>

基本的模板就是这样子了，至于其他的，但是wap2.0暂不支持javascript，手机端的浏览器有些不识别css，我亲自测试的有UC极速版的不识别，识别的有360浏览器，其他的就没有测试了

 

在这里解释下几个重要的meta

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.5"/>

其中width表示内容宽度，device-width表示自适应设备宽度，initial-sacle表示页面初始加载的时候缩放级别，1.0表示不缩放，minium-scale表示最小缩放级别，maximum-scale表示最大缩放级别

 

posted @ 2013-08-13 11:34  离尘  阅读(203)  评论(0)    收藏  举报