我有一个移动网站,但它加载缩小。我怎样才能解决这个问题?

问题描述 投票:5回答:2

我有一个移动网站,但它加载缩小。我怎样才能解决这个问题。

html mobile zoom mobile-website
2个回答
12
投票

您应该插入Viewport元标记。

<meta name="viewport" content="width=device-width, initial-scale=1">

这意味着浏览器(可能)将页面的宽度呈现在其自己屏幕的宽度上。因此,如果该屏幕宽度为320px,则浏览器窗口将是320px宽,而不是缩小并显示960px(或默认情况下该设备所做的任何操作,而不是响应式元标记)。

参考:Css-Tricks - Responsive Meta Tag - MDN - Using the viewport meta tag to control layout on mobile browsers


2
投票

您可能需要设置视口

<meta name="viewport" content="width=device-width, initial-scale=1" />

http://davidbcalhoun.com/2010/viewport-metatag/

© www.soinside.com 2019 - 2024. All rights reserved.