当今浏览器中有许多屏幕分辨率,因此在我的CSS尺寸中使用px
实际上不是一个好主意。我采用并使用vh
代替px
,因为它基于当前视口的大小,然后调整textbox / img / div或任何具有size: ...vh;
的东西
这实际上是很好的,但是以某种方式,当我尝试点击文本框,然后出现键盘时,这些东西会随之调整大小并缩小:
为此:
无论如何,这在iOS上永远不会发生,只有在Android手机上才会发生。 (这可能与Android的键盘弹出并从浏览器中取出实际空间有关)
是否可以解决此问题,如果没有,是否可以调整文本框/ div,使其仍然可以响应任何移动分辨率?谢谢!
最佳答案
由于Android键盘可能会占用浏览器中的实际空间,因此视口高度会减小,从而导致所有内容缩小。在这种情况下,可以使用像素代替vh
,因为我认为使用vh
并不重要。在这种情况下使用像素不会影响网站的响应速度。
您也可以查看此thread是否有帮助。