阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML viewport

      问题

      HTML viewport

      答案

      <meta name="viewport" content="width=device-width,initial-scale=1.0,minimu
      // width 设置viewport宽度,为⼀个正整数,或字符串‘device-width’
      // device-width 设备宽度
      // height 设置viewport⾼度,⼀般设置了宽度,会⾃动解析出⾼度,可以不⽤设置
      // initial-scale 默认缩放⽐例(初始缩放⽐例),为⼀个数字,可以带⼩数
      // minimum-scale 允许⽤户最⼩缩放⽐例,为⼀个数字,可以带⼩数
      // maximum-scale 允许⽤户最⼤缩放⽐例,为⼀个数字,可以带⼩数
      // user-scalable 是否允许⼿动缩放
      

      js 全局处理 mate 标签中的 viewport 属性 , initial-scale 设置为 0.5 rem 按照设计稿标准⾛即可

      延伸提问

      • 怎样处理 移动端 1px 被 渲染成 2px 问题

      局部处理

      • mate 标签中的 viewport 属性 , initial-scale 设置为 1
      • rem 按照设计稿标准⾛,外加利⽤ transfrome 的 scale(0.5) 缩⼩⼀倍即可;

      全局处理

      • mate 标签中的 viewport 属性 , initial-scale 设置为 0.5
      • rem 按照设计稿标准⾛即可

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录