资讯专栏INFORMATION COLUMN

Hello,移动WEB—Viewport_Meta标签

番茄西红柿 / 3400人阅读

摘要:二标签语法参数设置布局的特定值设置页面的初始缩放最少缩放最大缩放用户能否缩放常用写法注意如果不加,只设置了,在浏览器的默认字号为中时,是达不到缩放比例为的效果,即不起作用,加上后

二   Viewport

meta标签:

语法:name="viewport" content="name=value, name=value">

参数:

 1. width: 设置布局viewport的特定值(" device-width" )

 2. initial-scale: 设置页面的初始缩放
 3. minimum-scale: 最少缩放
 4. maximum-scale: 最大缩放
 5. user-scalable: 用户能否缩放 ( "yes" | "no")
常用写法
    name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
注意:如果不加 user-scalable=no,只设置了initial-scale=1,在chrome浏览器的默认字号为"中"时,
是达不到缩放比例为1的效果,即initial-scale=1不起作用,加上user-scalable=no后,默认字号为"中"
不会起作用,chrome浏览器会默认字号"小",达到缩放效果,所以一般建议都写上.
 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1989.html

相关文章

  • Web Components 是个什么样的东西

    摘要:生命周期和回调在这个的基础上,标准提供了一系列控制自定义元素的方法。生命周期和自定义元素标签的保持一致。否则,这个属性会返回一个表示引入的文件的文档对象,类似于。相关的东西不多,而且它现在已经是纳入生效的标准文档中了。 前端组件化这个主题相关的内容已经火了很久很久,angular 刚出来时的 Directive 到 angular2 的 components,还有 React 的 co...

    XUI 评论0 收藏0
  • Web Components 是个什么样的东西

    摘要:生命周期和回调在这个的基础上,标准提供了一系列控制自定义元素的方法。生命周期和自定义元素标签的保持一致。否则,这个属性会返回一个表示引入的文件的文档对象,类似于。相关的东西不多,而且它现在已经是纳入生效的标准文档中了。 前端组件化这个主题相关的内容已经火了很久很久,angular 刚出来时的 Directive 到 angular2 的 components,还有 React 的 co...

    wizChen 评论0 收藏0
  • Web Components 是个什么样的东西

    摘要:生命周期和回调在这个的基础上,标准提供了一系列控制自定义元素的方法。生命周期和自定义元素标签的保持一致。否则,这个属性会返回一个表示引入的文件的文档对象,类似于。相关的东西不多,而且它现在已经是纳入生效的标准文档中了。 前端组件化这个主题相关的内容已经火了很久很久,angular 刚出来时的 Directive 到 angular2 的 components,还有 React 的 co...

    ranwu 评论0 收藏0
  • Web性能优化

    摘要:性能优化网站的性能细线在几个方面网站首页加载速度动画的流畅度通过分析浏览器的渲染原理资源对渲染的影响,得出优化网站性能的办法。查看性能的工具的面板录制网页加载的过程,分析记录浏览器渲染过程中每个过程的耗时。通过引入,可以避免阻塞。 1 Web性能优化 Web网站的性能细线在几个方面: 网站首页加载速度 动画的流畅度 通过分析浏览器的渲染原理、资源对渲染的影响,得出优化网站性能的办法...

    ZHAO_ 评论0 收藏0
  • HTML编码规范

    摘要:示例强制禁止为了脚本,创建无样式信息的。示例强制对中规定允许省略的闭合标签,不允许省略闭合标签。指定字符编码的必须是的第一个直接子元素。示例提交取消取消提交建议当使用进行表单提交时,如果条件允许,应使原生提交功能正常工作。 转载:原地址 1 前言 HTML作为描述网页结构的超文本标记语言,在百度一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致,容易被理解和被维护。 2 代码...

    bang590 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<