欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

PC端页面适配到移动端的问题(自动缩放PC端页面)

程序员文章站 2022-04-10 09:16:33
有时候在移动端开发页面的时候会发现因为移动端分辨率大导致页面视图被缩放的很小,这个时候就需要适配了话不多说直接贴上代码
有时候在移动端开发页面的时候会发现因为移动端分辨率大导致页面视图被缩放的很小,这个时候就需要适配了
  • 话不多说直接贴上代码
<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