当窗口调整大小时调整html元素的CSS技巧

Question

我将为Mobile开发一个网页。我需要调整窗口的宽度screen.Suppose我创建一个窗体与一些文本字段。当屏幕宽度很宽时，它显示适合。但是，如果屏幕长高而宽度较小，则表单元素（文本框，标签等）与几个角落部分重叠或隐藏。

我该如何做到这一点，如果我调整屏幕大小，然后显示HTML元素应自动缩小以适应屏幕大小。

请给出您的建议。

感谢， 迪帕克

Answer 1

最好的解决方案是使用media queries

有了他们，你可以申请单独的样式不同的设备宽度，并确保所有网页（并表）看起来很漂亮每个屏幕上。

这也有助于避免页面变形或使文本变得难以阅读，当您尝试将设计用于较宽屏幕的页面挤压到狭窄的移动设备时可能会出现这种情况。

Answer 2

我建议你使用Percent dimensions和box-sizing: border-box;