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

最新推荐文章于 2023-10-31 18:19:16 发布

原创最新推荐文章于 2023-10-31 18:19:16 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Android #WebView #HTML #meta #content

HTML / XML 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种解决网页在移动端显示时放大问题的方法，通过设置viewport元标签的属性，可以使网页按照1:1的比例正常显示。

在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>