android - 在 Android 智能手机中禁用输入焦点缩放

Question

我的 Android 页面输入焦点有问题，我无法禁用自动缩放仅在(方向:纵向):

http://ufficio.web-project.it/smlapalma/akenta/invia-scusa.html

我已经尝试过这段代码:

meta name='viewport' content='user-scalable=0'

或

input:focus { font-size: 16px!important}

但什么都没有。

提前致谢。

问候圭多

Answer 1

这将是正确的 meta -标签:

<meta name="viewport" content="width=device-width, user-scalable=no">

但是，这不会解决您的问题，因为此元标记不会更改您网站组件的大小。假设您有一个 <div>宽度为 1200px，用户的浏览器将以 1200px 的宽度查看它。

我看了你的网站，问题出在你的CSS基础上。您正在使用 px很多，你可能想用 % .如果您使用百分比，您会看到您的网站会根据屏幕大小进行调整。您还应该使用 em作为字体大小的单位而不是 px。我的建议是避免 px -尽可能多的单位。

当然，这意味着您将不得不更改整个 CSS，这需要大量工作。但最终这将解决您的问题。