我有一个网站“应用程序”，它不是一个应用程序，而是一个实际的网页，你可以通过Chrome或其他浏览器使用。在iOS中调用键盘（例如通过输入元素）不会改变视口比例或调整大小，但在Android上它会。这导致我的应用程序“页面”的布局问题，因为我们必须区分纵向和横向视图方向。
我找到了很多关于android的答案：windowSoftInputMode活动配置w/rt键盘显示和与媒体查询的交互，以及如何指定您想要的值（在我的情况下，“adjustNothing”），但我还没有找到任何关于如何在通过chrome或任何其他浏览器查看网页时调用此配置的内容。
有没有人知道通过JavaScript或其他页面内代码来实现这一点的方法？谢谢。
1条答案
按热度按时间yqkkidmi1#
这在Chrome 108中得到了修复https://developer.chrome.com/blog/viewport-resize-behavior/#changing-the-default-behavior-in-chrome-108
关于视口与键盘的行为：
现在我们有了新的 meta标记值
interactive-widget在线留言
https://developer.chrome.com/blog/viewport-resize-behavior/
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#the_effect_of_interactive_ui_widgets
https://github.com/bramus/viewport-resize-behavior/blob/main/explainer.md
信息感谢morrison-chang从2016年评论