页面适应电脑和手机屏幕initial-scale 1:0 user-scalable=yes
来源:互联网 发布:mui.pulltorefresh.js 编辑:程序博客网 时间:2024/06/06 00:19
在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。
其中:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:
页头横幅等的图片的宽度都设置成style="width:100%",整个页面在设备上看起来就是全屏的了。
阅读全文
0 0
- 页面适应电脑和手机屏幕initial-scale 1:0 user-scalable=yes
- 页面适应电脑和手机屏幕initial-scale 1:0
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale
- 分析<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scal
- <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
- 移动端user-scalable=yes页面,旋转屏幕后重置缩放比例。
- Probably Use initial-scale=1
- 适应手机屏幕的web页面
- 设置H5页面适应手机屏幕
- <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-sc
- <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-sc
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
- android webview 电脑网页适应手机屏幕
- css 根据手机屏幕适应页面高度
- wap手机页面自动适应手机屏幕宽度
- 关于<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc..
- leetcode 232. Implement Queue using Stacks 双栈实现队列
- 时序图
- js中常用数据类型之间转换--字符串转换成数字;----字符串和json;---字符串和数组
- dev grid 合计数量
- 接口测试工具-Jmeter的使用
- 页面适应电脑和手机屏幕initial-scale 1:0 user-scalable=yes
- laravel 5.5 -- filesystem
- Java设计模式六大原则
- spark----基于Python的Spark Streaming+Kafka编程实践
- 百度地图 根据标注点坐标范围计算显示缩放级别zoom自适应显示地图
- java 【导出excel 】文件名出现中文乱码
- extjs 修改官方主题
- @Autowired与@Resource的区别
- WebSocket简单介绍