如何防止在全高PWA的手机输入焦点上调整高度？
在全高PWA的手机输入焦点上防止调整高度，可以通过以下方法实现：
- 使用CSS属性
height: 100vh来设置容器的高度，vh单位表示视口高度的百分比，保证容器始终占满整个视口高度。 - 使用CSS属性
overflow: hidden来隐藏容器内部的溢出内容，防止页面在输入焦点上调整高度时出现滚动条。 - 使用CSS属性
position: fixed来固定容器的位置，确保容器不会随着页面的滚动而移动。 - 使用JavaScript监听窗口大小变化事件
resize，在事件回调函数中重新设置容器的高度，以适应窗口大小的变化。
综上所述，通过以上方法可以防止在全高PWA的手机输入焦点上调整高度。
推荐的腾讯云相关产品：腾讯云移动应用托管（Mobile Application Hosting），提供了全球部署的移动应用托管服务，支持PWA应用的部署和管理。您可以通过以下链接了解更多信息：腾讯云移动应用托管
请注意，以上答案仅供参考，具体实现方式可能因具体场景和需求而有所差异。
相关·内容
我遇到这种情况时，我希望PWA始终是相同的100vh，即使从移动设备聚焦输入，客户端键盘出现。 到目前为止，整个100vh的概念在键盘打开的情况下打破了，如下图所示： ? 谁有任何解决方案的线索？(如果可能的话，没有JS )
浏览 20提问于2021-07-14得票数 0
我在Windows Forms UserControl中有一个ElementHost，它的大小调整为Windows Forms UserControl的全宽/全高。UserControl在Form...but上，我不能在设计器中移动UserControl或选择它，因为每当我将鼠标放在设计器中的ElementHost上/单击它时，UserControl的子项就会抢
浏览 3提问于2011-06-22得票数 1
回答已采纳
如何使图像始终具有相同的作物高度。在这个站点中，div是420 As高。但是图像延伸得更远了。，以便当您调整页面的水平大小，它不会移动点，您裁剪图像的div高度，而是扩大宽度。Buuuut我们遇到了一个问题，因为我必须猜测全宽图像的高度，在更大的分辨率上，如果以全宽度显示，图像不会小于400 it，因为如果2500x1200图像显示在手机
浏览 6提问于2015-12-01得票数 0
回答已采纳
2回答
到目前为止，应用程序运行得很好，现在我们正在考虑为不同大小的浏览器窗口使用“媒体查询”条件CSS脚本。我们的想法是，当用户从iPhone/Android/Windows phone等移动浏览器访问我们的应用程序时，他们可以看到全宽和全高。但是当有人从常规的桌面浏览器访问时，它的宽度超过800px，我们需要重新调整我们的应用程序的宽度和高度。
问题是，我们希望<e
浏览 2提问于2012-03-07得票数 1
我有一个非常高的图像，但不是很大。我想在滚动视图中打印它，这样你就可以在一个屏幕上看到它，但什么都不起作用。在为我的滚动视图和我的图像处理了宽度、高度和弯曲之后，我得到的最好的结果是当我用style={{width='100%'}}打开它们时，就像这样
<ScrollView style={{width: '/assets/skeleton/fullSkeleton.p
浏览 14提问于2017-08-25得票数 3
回答已采纳
我已经将我的web应用程序构建成了一个渐进式web应用程序(PWA)。一切都很好，除了当我在pwa中点击输入时，键盘会隐藏固定在底部的元素。在android上使用chrome浏览器访问的网站上，这不是问题。有人知道我能做些什么来解决这个问题吗？important; left: 50vw
浏览 4提问于2018-08-08得票数 3
我有一个UISplitViewController，它的主(左)窗格使用导航控制器。当它旋转为纵向时，此导航控制器在UIPopoverController中表示。我注意到在导航控制器的当前视图中显示的UITableView在应用程序旋转为纵向时不会调整大小。也就是说，我看到的是全高的弹出窗口(大约1024像素)，但桌子底部是黑色的，似乎仍然有大约700像素的高度。
浏览 0提问于2011-04-07得票数 2
但是，在移动Safari上，如果用户单击datepicker，它会显示输入中的光标闪烁。
任何关于如何防止手机输入焦点的建议都将不胜感激。
浏览 2提问于2015-01-28得票数 1
回答已采纳
编辑：很抱歉，后期编辑，没有两个参数你无法计算它，所以首先需要填充用户相机的高度从地面。
和 XResolution = 72;
YResolution = 7
浏览 9提问于2014-03-25得票数 37
4回答
我有一个聊天页面布局web应用程序，底部有输入，顶部有一个标题。当输入处于焦点位置时，页面上移。
尝试使用javascript调整窗口大小时使用window.innerHeight，但即使使用setTimeout()也
浏览 0提问于2018-09-04得票数 11
1回答
我刚刚完成了FrontEnd Mentor的挑战，正在给一个朋友发短信炫耀/庆祝我的演示链接。但当我打开手机上的链接时，我注意到格式全乱了。后来我在Safari上打开了这个网站，div.selected-plan的高度变得乱七八糟。 这是它在我的Chrome机器上的样子。 ? 和变形的Safari版本。 ? 为什么Safari会扭曲事物，我
浏览 34提问于2021-10-08得票数 0
3回答
如何启用bootstrap3的Blueimp图库的“全屏模式”，它现在正在工作，但只在“窗口模式”，我想使用它在全屏，以便图像使用桌面/平板电脑/手机屏幕上的全宽和全高。
这就是我所说的：
浏览 2提问于2014-05-04得票数 0
1回答
在我的PWA上，对于输入，手机的本机键盘是活动的。以下用例需要代码1.如何禁用android和iOS的PWA自动更正? 2.如何在没有自动更正的情况下为android和iOS的PWA构建自己的键盘？
浏览 3提问于2018-11-21得票数 1
我正在使用Firebase向多种类型的设备(Web、iOS、Android等)发送数据消息，而且在使用Chrome或PWA (不在本地应用程序上)时，设置高优先级似乎无法防止新消息的延迟通知。有时，如果我不打开Chrome或安装的PWA，我甚至10分钟都不会收到我的Android手机(摩托罗拉1号，Android 10)的通知，甚至更长时间(客户报告的时间甚至是2
浏览 1提问于2021-04-20得票数 1
我试图找出如何根据宽度来设置故事板上UIimage的高度？我需要它是一个基于宽度的比率。所以图像是全宽度的。我
浏览 3提问于2015-02-20得票数 1
回答已采纳
1回答
计算比率
、
要在屏幕上渲染图形对象，我不知道如何计算屏幕的比例，而且指定比例计算对于手机和pc是不同的。
我想问这个问题，因为我对世界时间步长有问题。
浏览 2提问于2012-04-05得票数 4
回答已采纳
我看到这个问题问到了、和，但没有找到一个清晰和/或可行的答案。我在三星A7 (2018年)上使用安卓9，运行Chrome 75。
发生了什么。我有一个html表单，需要键盘输入。当在Chrome中打开并尝试输入时，键盘强制调整窗体的大小。调整大小可以将窗体降低到屏幕高度的50%左右，还可以调整窗体宽度和输入字段的宽度/高度。任何键入的<
浏览 0提问于2018-09-18得票数 9
1回答
我正在设计一个基本的笔记PWA，我的网站()在桌面浏览器上运行良好，当作为PWA从手机的主屏幕启动时，但是当在移动浏览器中运行时，从直接导航到链接，当其中一个被点击时，所有的文本区域都会收缩，我希望文本区域保持和以前一样的大小而不是缩小是因为键盘超出了屏幕的感知宽度，还是有其他原因，以及如何解决？portrait) { width: 80%;
}
浏览 0提问于2017-09-07得票数 0
我有一个自定义指令来调整离子文本区域的高度，使其在输入文本时自动调整高度，而不是设置固定的行高，或者在文本区域填充时设置难看的滚动条。在Ionic-4中，我无法获得离子文本区域的html文本区域的nativeElement。任何帮助都是很好的
它运行在角度6和离子4上，但是当我试图得到this.element.
浏览 1提问于2019-01-13得票数 2
回答已采纳
1回答
keyboardType="numeric" </View> </View>当我将焦点放在文本输入上时，键盘会打开，我的两个视图会随着键盘顶部留下的空间自动调整。如何防止这种自动重新调整？
浏览 0提问于2016-10-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
