HTML适应各手机浏览器宽度
来源:互联网 发布:淘宝店铺装修费用 编辑:程序博客网 时间:2024/05/16 05:37
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /><meta name="format-detection" content="telephone=no" />
在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。
第一行:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
第二行:
设定iphone端页面全屏。
第三行:
取消数字被识别为电话号码。
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:
<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适应各手机浏览器宽度
- HTML适应手机浏览器宽度
- HTML适应手机浏览器宽度
- HTML适应手机浏览器宽度
- HTML适应手机浏览器宽度
- HTML适应手机浏览器宽度
- Easyui 让DataGrid适应浏览器宽度
- 手机网站宽度自动适应手机屏幕
- wap手机页面自动适应手机屏幕宽度
- html内容适应手机端
- HTML页面图片自动适应宽度
- 手机网页宽度自动适应屏幕宽度的方…
- html网页宽度自动适应手机屏幕宽度的方法
- html中背景图片只适应浏览器大小
- css三列浮动中间宽度自动适应浏览器
- 使iframe高度和宽度适应浏览器可视区域大小
- html 使表格随着内容自动适应宽度
- html 使表格随着内容自动适应宽度
- Android 菜单(OptionMenu)大全 建立你自己的菜单
- C#实现具有Aero效果的窗体
- asoundrc文件
- 内部Handler类引起内存泄露
- easy ui datagrid 当前页添加修改删除数据
- HTML适应各手机浏览器宽度
- Installing Oracle Data Integrator 11.1.1.7 in Oracle Linux 6 u3(64bit)
- 拨打电话时直接拨分机号
- 继续了解版本资源的使用(由wxWidgets构建monodll的make文件开始)
- <context:component-scan/>和<mvc:annotation-driven/>的区别
- Android adb 使用详解
- JDBC批量处理和blob类型处理
- 关联objc_getAssociatedObject
- Python SOAP 调用