当今浏览器中有许多屏幕分辨率,因此在我的CSS尺寸中使用px实际上不是一个好主意。我采用并使用vh代替px,因为它基于当前视口的大小,然后调整textbox / img / div或任何具有size: ...vh;的东西

这实际上是很好的,但是以某种方式,当我尝试点击文本框,然后出现键盘时,这些东西会随之调整大小并缩小:
android - 响应式设计:激活移动键盘后,一切都会缩小-LMLPHP

为此:android - 响应式设计:激活移动键盘后,一切都会缩小-LMLPHP


无论如何,这在iOS上永远不会发生,只有在Android手机上才会发生。 (这可能与Android的键盘弹出并从浏览器中取出实际空间有关)

是否可以解决此问题,如果没有,是否可以调整文本框/ div,使其仍然可以响应任何移动分辨率?谢谢!

最佳答案

由于Android键盘可能会占用浏览器中的实际空间,因此视口高度会减小,从而导致所有内容缩小。在这种情况下,可以使用像素代替vh,因为我认为使用vh并不重要。在这种情况下使用像素不会影响网站的响应速度。

您也可以查看此thread是否有帮助。

10-06 05:01