`
zhangyaochun
  • 浏览: 2572829 次
  • 性别: 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 标签大致...

    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属性详细说明

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

    html网页中meta viewport属性说明

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

    浅析HTML5 meta viewport参数

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

    关于meta viewport中target-densitydpi属性详解(推荐)

    前段时间在做WAP页面,发现页面设置了meta viewport中的大众属性,即: &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" &gt;  但发现页面依旧不根据手机屏幕进行...

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

    一.viewport的概要 移动端浏览器通常都在一个比...meta name="viewport" content="width=device-width, initial-scale=1" /&gt; 如果不想页面缩放就用下面的代码 &lt;meta name="viewport" content="width=device-wi

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

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

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

    移动前端,h5 ,viewport 详解

    h5 中viewport的详解,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。

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

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

    meta标签中的viewport控制设备屏幕css

    meta标签中的viewport可以控制设备屏幕的高度、宽度、初始的缩放比例等等,喜欢的朋友可以了解下

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

    主要介绍了移动客户端手机页面布局时各标签元素作用和适用情景,通过详解几种属性让读者更明确自适应布局的注意点,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。

Global site tag (gtag.js) - Google Analytics