返回首页
当前位置: 主页 > 网络编程 > Android教程 >

wap网站屏幕自适应的问题 解决方法

时间:2012-05-07 22:07来源:2018年最新注册送彩金www.zhixing123.cn 编辑:麦田守望者

仔细研究了一下新浪的wap网站,发现原来我们的head存在着这样的差异……

<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
</head>

在手机网站的head里加入以下标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

其中:
width - viewport的宽度

height - viewport的高度

initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例 //嘎嘎,终于知道我们的网站为什么不能缩小了,哈哈,原来我们缩放的最少比家里就是我们的默认比例啊……
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

顶一下
(1)
100%
踩一下
(0)
0%
标签(Tag):Android android教程 android技巧 android软件
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
博聚网