网页大小自适应设备屏幕(手机等)
来源:互联网 发布:东篱然 知乎 编辑:程序博客网 时间:2024/04/30 12:05
- <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
- 网页大小自适应设备屏幕(手机等)
- 网页自适应屏幕大小
- 手机网页屏幕自适应
- CSS自适应屏幕大小(手机端)
- 自适应屏幕大小的网页
- 手机移动端网页,按屏幕大小让图片自适应屏幕。
- 手机端网页所有内容根据屏幕大小自适应(大小,位置)
- Android手机字体自适应屏幕大小
- Flex4 网页Application界面大小自适应屏幕
- 如何设计自适应屏幕大小的网页
- 如何设计自适应屏幕大小的网页
- 如何设计自适应屏幕大小的网页
- 普通web网页自适应移动设备屏幕
- 手机移动网站自适应高度,手机网页图片自适应大小
- 网页自适应手机以及各种屏幕
- 怎样能在大小不同的屏幕上显示同样的网页(自适应网页设计)?
- 手机网站自适应屏幕大小方法总结1
- 自适应屏幕大小的网页是怎么做出来的
- Lua开发工具脱离Eclipse,成为独立版本
- 评估分类器准确率
- “张扬体”走红,网友评论:形容大妈最恰当
- 地宫取宝
- 仿淘宝 智能跟随菜单提示栏 智能浮动的菜单
- 网页大小自适应设备屏幕(手机等)
- 正确理解ThreadLocal
- 数据库25个常见查询
- 抓包工具Fidder详解(主要来抓取Android中app的请求)
- 这是个巧妙的表达式: a ˆ= b ˆ= a ˆ= b 它不需要临时变量就可 以交换a 和b 的值
- ACM-树状数组之Stars——hdu1541,poj2352
- winform的Form窗体基础
- Swift入门之字符串联接---语言大比拼
- VS2008 创建DLL和调用DLL