网页宽度自动适应手机屏幕宽度的方法

来源：互联网发布：p2p网络金融监管编辑：程序博客网时间：2024/04/30 22: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" />

复制代码

网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法 .
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度的方法
html网页宽度自动适应手机屏幕宽度的方法
网页宽度自动适应手机屏幕宽度
【原创】Hook Shadow SSDT(提供可编译源代码的下载)
eclipse 最常用命令
国外程序员推荐：每个程序员都应读的书
win7忘记密码怎么办？
paip.提升效率---------文件搜索工具总结
网页宽度自动适应手机屏幕宽度的方法
为什么USB Audio会产生jitter或数据丢失
webshell下记录WordPress登陆密码
一些常用小类小结
Membase,Couchbase1.8 安装详细图解
图像处理中的直方图应用（通过直方图均衡化增强图像对比度）
沙子合并动态规划
HDOJ 4255 A Famous Grid (BFS)
android关于监听短信的广播获取内容