`
Jantol
  • 浏览: 8159 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

meta 之 viewport

 
阅读更多
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

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

 

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

 

3、initial-scale : 初始缩放比例,页面第一次加载时的缩放比例

 

4、maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0

 

5、minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0

 

6、user-scalable : 用户是否可以手动缩放,值可以是:①yes、 true允许用户缩放;②no、false不允许用户缩放

分享到:
评论

相关推荐

    html meta viewport属性说明

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

    HTML meta viewport属性详细说明

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

    html网页中meta viewport属性说明

    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"&gt; ``` - `width`: 指定视口的宽度。通常设置为`device-width`,表示视口宽度与设备...

    meta标签在移动平台开发中的应用详解

    1、Meta 之 viewport 说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢?viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的...

    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

    浅析HTML5 meta viewport参数

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

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

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

    移动前端开发之viewport的深入理解1

    例如,`&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;` 这行代码会让布局视口的宽度与设备的物理宽度相匹配,并设定初始缩放比例为1,这样可以实现响应式设计,使网页更好地适应各种屏幕...

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

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

    viewport与android的webview

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

    meta-viewport-adder:仅将meta视口标签添加到没有该标签的网站

    Meta Viewport Adder的创建是为了解决使用我最喜欢的浏览器Firefox时遇到的问题,我的目标不是要自己短期或长期添加功能。 如果你想添加任何功能,提高代码等; 您可以随时这样做。 在以下位置找到它: 。 Chrome...

    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 初始的缩放...

    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`和`...

Global site tag (gtag.js) - Google Analytics