页面适应电脑和手机屏幕initial-scale 1:0
来源:互联网 发布:数据可视化陈为ppt 编辑:程序博客网 时间:2024/06/11 19:34
<meta name="viewport" content="width=device-width,initial-scale=1">
<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
- 页面适应电脑和手机屏幕initial-scale 1:0
- 页面适应电脑和手机屏幕initial-scale 1:0 user-scalable=yes
- 适应手机屏幕的web页面
- 设置H5页面适应手机屏幕
- android webview 电脑网页适应手机屏幕
- css 根据手机屏幕适应页面高度
- wap手机页面自动适应手机屏幕宽度
- Probably Use initial-scale=1
- web实现电脑屏幕和手机屏幕适应
- 获取手机屏幕大小和图片自动适应大小
- android手机屏幕适应
- html自动适应手机屏幕
- <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"> 作用
- <meta name="viewport" content="width=device-width,initial-scale=1>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- 手机屏幕同步至电脑
- 电脑控制手机屏幕Vysor
- Ubuntu 14.04系统tftp服务器的搭建
- Java中urlrewriter的使用
- 冷冰:Android核心分析系列
- 内蒙古牌技培训
- OpenCL2.0特性之SVM
- 页面适应电脑和手机屏幕initial-scale 1:0
- poj2029 Get Many Persimmon Trees
- 苹果 iPhone、iPad 技术术语大全
- Linux C语言调用C++动态链接库
- XStream转换时忽略未知字段
- OC第十天
- Android手机SD卡文件或目录拷贝、复制、粘贴功能实现代码
- [C++11 并发编程] 01 - Hello World
- 第十四周阅读程序(1):cerr流对象