`
zhangyaochun
  • 浏览: 2620667 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

初识meta的viewport

阅读更多

 

    设置viewport

 

<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为设备的宽度
  • height   --------- 控制viewport的高度,可以设置一个具体的值(如600),device-height为设备的高度
  • initial-scale        ------- 初始缩放的比例,是一个浮点值
  • maximum-scale  ------- 用户缩放的最大比例
  • minimum-scale   ------- 用户缩放的最小比例
  • user-scalable   --------- 用户是否可以手动缩放,默认yes,如果设置no的话,minimum-scale和maximum-scale会被忽略
分享到:
评论

相关推荐

    html meta viewport属性说明

    移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签大致...

    HTML meta viewport属性详细说明

    移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签...

    meta viewport使网页在iPhone中满屏显示控制

    meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/&gt; 其中: width – viewport的宽度 height – viewpo

    html网页中meta viewport属性说明

    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt; ``` - `width`: 这个属性设置视口的宽度。可以设置为固定的像素值,如`600`,或特殊值`device-width`,表示设备的宽度...

    浅析HTML5 meta viewport参数

    但是你只有了解了移动设备的meta viewport参数之后,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 viewport是什么?通俗的讲,viewport是用户网页的可视区域。移动设备上的viewport就是设备的屏幕...

    meta viewport标签的使用说明(手机浏览缩放控制)

    meta viewport标签是用于控制移动设备上网页显示效果的HTML标签,它位于网页头部head区域,可以影响移动浏览器的视口(viewport)行为,主要控制页面的宽度、初始缩放比例、缩放的最小与最大比例以及是否允许用户...

    viewport介绍1

    通过设置`&lt;meta name="viewport" content="..."&gt;`,我们可以控制viewport的大小和缩放行为,确保网页在不同设备上适配良好。 第二,理解CSS中的像素与设备物理像素的区别 在CSS中,1px并不总是等于设备的1个物理...

    viewport 的基本原理以及详细使用方法

    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; ``` 这个标签告诉浏览器将viewport的宽度设置为设备的宽度,并保持初始缩放比例为1,确保页面按比例缩放,以适应不同设备。 除了`width`和`...

    自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

    自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结 在移动客户端手机页面布局中,meta标签的使用非常重要,今天我们将详细介绍meta标签中的几个关键属性,包括...

    viewport与android的webview

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; ``` 这里的`content`属性可以包含多个参数: - `width`: 设定viewport的宽度,通常设置为`device-width`,表示与设备屏幕宽度相等。 - `...

    viewport响应式模板

    viewport响应式模板

    meta标签中的使用viewport定义屏幕css

    meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt; width-viewport的宽度 height-viewport的高度 initial-scale 初始的缩放...

Global site tag (gtag.js) - Google Analytics