视口---viewpoint

一、是什么
移动设备上的viewpoint就是屏幕上能用来显示我们网页的一片区域。即:就是浏览器上用来显示网页的去区域。
二、作用
用mate标签来得到理想的视口布局;
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
meta标签属性解释:
1.width=device-width---当前的viewpoint宽高等于设备的宽高,也可以设置一个固定的值,尽可能不这样使用height是设置高度使用的,很少使用。
2.initial-scale=1---设置初始化的缩放比例(0.25~10),1代表为没有缩放。
3.minimum-scale=1---设置最小缩放比例为1。
4.maximum-scale=1---设置最大缩放比例为1。
5.user-scalable=no---是否允许用户缩放;默认值为yes;若设置为no,那么最小和最大的缩放比例就会被忽略。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,352评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,827评论 0 2
  • 开发移动网页时,你一定会遇到下面这段代码: 在网页的 中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其...
    gzgogo阅读 2,299评论 4 16
  • 基础 一般显示器1秒刷新60次,1000/60=16ms,所以小于16毫秒的动画显示器也无法刷新。代码执行也需要时...
    debt阅读 438评论 0 0
  • 在高一这年,我遇见了各种各样的人,认识了不少的人,可是,有谁是付出真心的。 我遇见了一个让我足够喜欢的男孩子,可是...
    青春未满阅读 184评论 0 1