网页宽度自动适应手机屏幕宽度的方法
来源:互联网 发布:陈默软件 编辑:程序博客网 时间:2024/04/30 20:14
<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%",整个页面在设备上看起来就是全屏的了。
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法 .
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- html网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度
- XML解释器
- js秒表程序
- Const,Const函数,Const变量,函数后面的Const
- 网页中的代码
- Android 闹钟机制实现定时任务
- 网页宽度自动适应手机屏幕宽度的方法
- 猎豹浏览器内测版评测:未完成的版本但足够亮眼
- IRQL深入解析--IRQL级别
- 为什么在VC里面输入代码时不能正常换行,输入的字符会覆盖旧的字符?
- on_message与on_registered_message
- oracle学习****oracle对象之------序列
- 织梦教程
- Excel绘画
- Table 1px边框