这是为什么呢

来源:1-6 移动web开发与适配-3-MediaQuery-3(代码)

慕虎0260253

2018-05-15 15:18

为什么头部要加<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

写回答 关注

2回答

  • 梦凝哲雪
    2022-01-23 10:01:32

    width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用 device- width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。
    user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。
    initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面,设为1.0则将显示未经缩放的Web文档。
    maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同,这些指令的值是应用于视区内容的缩放比例。



    搜索

    复制


  • 夜尽天明4039292
    2018-05-15 15:51:52

    HTML <meta> 元素可提供有关页面的元信息(meta-information)

    这句话的意思是:这个h5页面

    宽度为设备宽度,初始缩放比例为 1 倍


    移动web开发都需要加上这个meta标签,目的是能满足不同设备,屏幕和分辨率的需要

移动web开发适配秘籍Rem

移动web不求人,全面掌握移动web开发rem适配方案。

37075 学习 · 88 问题

查看课程

相似问题