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



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

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

我已经尝试过这个代码:

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

输入:焦点{font-size:16px!important}

但什么都没有。

提前谢谢。

问候Guido

这将是正确的meta-标签:

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

但是,这不会解决你的问题,因为这个元标签不会改变你的网站组件的大小。假设你有一个宽度为1200px的<div>,用户的浏览器会看到它的宽度为1200px。

我看了你的网站,问题出在你的CSS的基础上。您经常使用px,可能需要使用%。如果你使用百分比,你会看到你的网站调整到屏幕大小。您还应该使用em作为字体大小的单位,而不是px。我的建议是尽可能避免使用px单元。

但当然,这意味着你将不得不改变你的整个CSS,这是一项艰巨的工作。但这最终会解决你的问题。

最新更新