android wap网站自动适应

简介:  做个整理。 研究了一下新浪的wap网站,发现原来我们的head存在着这样的差异…… 在手机网站的head里加入以下标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。

 做个整理。


研究了一下新浪的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 - 允许用户缩放到的最小比例 //嘎嘎,终于知道我们的网站为什么不能缩小了,哈哈,原来我们缩放的最少比家里就是我们的默认比例啊……wap网站屏幕自适应的问题
      maximum-scale - 允许用户缩放到的最大比例
      user-scalable - 用户是否可以手动缩放



===========

供大家参考,如果大家有好的方法请留言。



相关文章
|
4月前
|
JavaScript Android开发
手机也能搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站
手机也能搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站
37 0
|
2月前
|
JavaScript Android开发
手机也能轻松搭建个人博客,使用安卓Termux+Hexo建立自己的网站
手机也能轻松搭建个人博客,使用安卓Termux+Hexo建立自己的网站
|
6月前
|
JavaScript Android开发
使用安卓Termux+Hexo,手机也能轻松搭建个人博客网站
使用安卓Termux+Hexo,手机也能轻松搭建个人博客网站
49 0
|
11月前
|
JavaScript 安全 Android开发
手机安卓Termux搭建Hexo博客网站,发布公网访问
Hexo 是一个用 Nodejs 编写的快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 下面介绍在Termux中安装个人hexo博客并结合cpolar工具实现公网环境下访问。
127 0
|
安全 Android开发
android 浏览器 该网站的安全证书有问题
android 浏览器 该网站的安全证书有问题
212 0
|
Android开发 数据格式 XML
Android项目实战(四十):在线生成按钮Shape的网站
原文:Android项目实战(四十):在线生成按钮Shape的网站   Android Button Make     右侧设置按钮的属性,可以即时看到效果,并即时生成对应的.xml 代码,非常高效(当然熟练的话 自己手写代码更快)     
904 0
|
Android开发 数据格式 XML
Android项目实战(四十):在线生成按钮Shape的网站
  Android Button Make     右侧设置按钮的属性,可以即时看到效果,并即时生成对应的.xml 代码,非常高效(当然熟练的话 自己手写代码更快)     
1374 0
|
Web App开发 Android开发