移动网页设计规范(适应手机屏幕大小)
2013-03-07 16:00
316 查看
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- 设定页面内容不缓存 --> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!-- width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放 --> <!-- 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone或Android的浏览器中页面将以原始大小显示,并不允许缩放。--> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="MobileOptimized" content="240"/> </head> <body> </body> </html>
注意:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />其中参数根据需要设定。
如果有时在手机中显示并不是适应屏幕的(如图片过宽等)请尝试将控件的长宽取消即自适应。
相关文章推荐
- webview网页自适应手机屏幕大小
- html5移动网页自适应手机屏幕的meta写法
- 怎样能在大小不同的屏幕上显示同样的网页(自适应网页设计)?
- webview网页自适应手机屏幕大小
- 手机移动端网页,按屏幕大小让图片自适应屏幕。
- Android针对不同的手机屏幕大小设计图片资源与编码
- 如何设计自适应屏幕大小的网页
- 手机web——自适应网页设计(html/css控制)
- Android针对不同的手机屏幕大小设计图片资源与编码
- 手机网页设计怎么控制在不同的手机上显示的字体大小自动变化
- 自适应PC,手机网页设计
- HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
- Android手机上浏览网页不可缩放,适应屏幕。iPhone手机显示网页,字体等变小了,解决方法
- HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
- 网页宽度自动适应手机屏幕宽度的方法
- 手机web——自适应网页设计(html/css控制)http://mobile.51cto.com/ahot-409516.htm
- 如何让图片自适应手机等移动设备屏幕大小
- 手机web——自适应网页设计(html/css控制)
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法