<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

属性意义:

width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

height:和 width 相对应,指定高度。

initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。

maximum-scale:允许用户缩放到的最大比例。

minimum-scale:允许用户缩放到的最小比例。

user-scalable:用户是否可以手动缩放

此标签主要用于iPad、iPhone等手机网页开发。

简单来说,就是手机浏览器把自己冒充为拥有一个更宽的屏幕,这样页面的布局就能跟桌面浏览器一样了。不同浏览器冒充的数值不一样:iPhone是神奇的980;Android是保守的800——冒充一个800*600的显示器;而Windows Phone 7则是1024。

经过实践,要想一个页面支持不同的设备屏幕尺寸,还真是很困难的,最完美的办法只能是辛苦一些,给不同大小的尺寸多做几种页面,不至于1000px的页面在iPhone上显示得那么别扭。

ipad尺寸html,HTML5之viewport标签,用于iPhone、iPad等手机网页开发。相关推荐

  1. iPad能不能装c语言的编译器,IPhone/IPad/IPod安装GCC的方法

    GCC是一种很常用的C语言的编译器,可以在各种版本的Windows,Linux,Mac上运行,当然IPhone的IOS系统也不例外~下面就教大家如何在IPhone上面安装GCC,帮助程序猿们实现随时随 ...

  2. linux远程桌面ipad,如何实现远程连接(SSH)iPhone/iPad?

    大家都知道,iOS系统是基于Unix的,算是Unix衍生出来的新系统,而要玩转Unix系统,无疑最根本的使用远程连接即SSH来用命令行直接控制你的iPhone,那么远程连接(SSH)究竟有什么用呢? ...

  3. HTML5 viewport 标签与 CSS3 background-size 属性 使图片完全适应区域内容

    要使一张图片不论在移动端还是在桌面端都能适应区域内容,可以使用 HTML5 的 viewport 标签结合 CSS3 的 background-size 属性. 适应区域内容是指图片的宽或高的长度满足 ...

  4. 移动端网页宽度值(未加meta viewport标签)

    移动端网页宽度值(未加meta viewport标签): iphone:980px Galaxy(盖乐世):980px Nexus:980px blackberry(黑莓):980px LG:980p ...

  5. 2010 iPhone iPad Top Gun 培训邀请函

    <!-- /* Font Definitions */ @font-face {font-family:宋体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-al ...

  6. linux java amr转mp3_本工具用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放...

    音频转码工具 本工具主要用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放. 支持 Linux/Windows/Mac 平台 因为是基于 JAVE 项目 ...

  7. [转] 移动前端不得不了解的HTML5 head 头标签

    HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元 素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容 ...

  8. CSS中的长度单位和HTML5中多媒体标签的使用

    CSS中的长度单位和HTML5中多媒体标签的使用 第一部分.长度单位 1.基本长度单位 2.长度单位的换算 第二部分.vw.vh.vmin.vmax 1.vw.vh.vmin.vmax的含义 2.vw ...

  9. 前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

    第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...

  10. 移动前端不得不了解的HTML5 head 头标签(2016最新版)

    转载自:http://www.css88.com/archives/6410 小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开 ...

最新文章

  1. git之reset图解
  2. 贵港职称计算机,2015广西职称计算机考试报名:贵港职称计算机报名入口
  3. 小站教育携手神策数据,数据赋能留学语言培训教育的智能化探索
  4. 让你直呼哇塞的API管理神器!
  5. SpringSecurity相关jar包的介绍
  6. python引用函数_python 调用函数
  7. git中文件的三种状态
  8. 【转】android:DDMS查看Threads--不错
  9. c语言文件压缩与解压缩实验报告,哈弗曼树的文件压缩和解压实验报告(C语言).doc...
  10. 大数据学习笔记:HBase Shell操作
  11. 头部互金科技负责人领路知识图谱
  12. Theano2.1.10-基础知识之循环
  13. [转载] OpenCV-Python 图像处理(二):图像的读取、显示与保存
  14. 在如今的Web前端环境下,如何提升自己的竞争力?
  15. conda pip 安装NumPy速度不佳解决方案
  16. 教你如何用PS制作iOS端APP应用图标AppIcon.appiconset
  17. 几个小图像处理工具网址
  18. 普通用户添加systemctl 自定义服务的开机启动项
  19. 中国多接收器电感耦合等离子体质谱仪市场行业产销需求与投资预测分析报告2022-2028年
  20. 最新彩虹Ds发卡源码模板-Cool模板源码

热门文章

  1. win10怎么添加打印机
  2. NTFS - 系统解析
  3. 手写Vue个人组件库——fl-Badge
  4. Ruby / Rails代码气味基础01
  5. 华为云CDN加速WAF防护资源实践
  6. 16 . USART 串口通信实验
  7. 在语义层面构建的对抗样本SemanticAdv: Generating Adversarial Examples via Attribute-conditioned Image Editing
  8. [论文学习]Learn to Dance with AIST++: Music Conditioned 3D Dance Generation
  9. 零中频接收机频率转换图_德国Ramp;S罗德与施瓦茨EMI测试接收机ESR系列
  10. 《曾文正公家书》摘录一