有时候在移动端开发页面的时候会发现因为移动端分辨率大导致页面视图被缩放的很小,这个时候就需要适配了
  • 话不多说直接贴上代码
<meta charset="utf-8" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta content="telephone=no,email=no" name="format-detection" />
<meta content="maximum-dpr=2" name="flexible" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  • 将这段代码放在头部你会发现页面视图会自动缩放到和pc端看到效果一样咯
  • 麻烦有用的小伙伴帮忙点个赞帮助更多的人喔

本文地址:https://blog.csdn.net/qq_15957557/article/details/107515037