我的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,这是一项艰巨的工作。但这最终会解决你的问题。