如何让移动端（IOS或者Android） 1:1 显示网页

最新推荐文章于 2021-03-18 12:02:38 发布

hellokandy

最新推荐文章于 2021-03-18 12:02:38 发布

阅读量830

点赞数

分类专栏： HTML / XML 文章标签： Android WebView HTML meta content

本文链接：https://blog.csdn.net/hellokandy/article/details/80220972

版权

HTML / XML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在PC端正常显示的网页，在移动端（IOS或者Android）显示时出现放大好几倍的现象。这个问题可以通过强制网页按照1:1进行显示即可，需要改动的地方在网页端，下面是一个模板，把需要显示的内容放到body里面即可。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>标题文字</title>
  </head>
  <body>
    <!--网页的内容放置于此-->
  </body>
</html>