网页宽度自动适应手机屏幕宽度的方法
来源:互联网 发布:星际战甲人物捏脸数据 编辑:程序博客网 时间:2024/05/16 08:59
手机
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。
其中:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这样子写后,就可以把一些页头横幅等的图片的宽度都设置成style="width:100%",整个页面在设备上看起来就是全屏的了。
原文 :http://blog.csdn.net/dier4836/article/details/7533879
0 0
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法 .
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- html网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度
- SPRING+ACTIVEMQ+TOMCAT整合
- 程序运行时三种内存分配策略
- ASP.NET远程连接SQL Server“尝试读取或写入受保护的内存”
- 又一个IE的坑,时间字符串的转换
- hibenrnate学习笔记9对象关系映射文件
- 网页宽度自动适应手机屏幕宽度的方法
- iOS 7 交互式过渡
- 致命的错误:python中误输入tab键
- lock wait timeout exceeded try restarting transaction mysql
- boost 编译命令
- poj2479(子串和变形,DP)
- pthread_exit()
- An association from the table * refers to an unmapped class: *
- 有好多的非处女们确实让大家反感,知道为什么吗?其实你们应该检讨下自己!