网页宽度自动适应手机屏幕宽度
来源:互联网 发布:超级马里奥 知乎 编辑:程序博客网 时间:2024/05/01 02:18
<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%",整个页面在设备上看起来就是全屏了。
0 0
- 网页宽度自动适应手机屏幕宽度
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法 .
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- html网页宽度自动适应手机屏幕宽度的方法
- windows下无法添加ODBC for Oracle驱动
- Linux基础学习-Shell变量的丰富功能
- 的萨克斯搞定奥可视嗲话实打实的撒打算的撒
- php上传文件类型判断
- 在 Windows 防火墙中打开端口
- 网页宽度自动适应手机屏幕宽度
- JZ2440开发笔记(2)——minicom的安装和配置使用
- Linux基础学习-命令别名与历史指令
- cxGrid单元格获得输入焦点
- STL 源码剖析 算法 stl_numeric.h
- Maven实战(三)Eclipse 构建Maven项目
- js 判断一个字符串在另一个字符串中出现了几次。
- Linux基础学习-Shell的使用环境
- DBMS_RANDOM各函数使用