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

Question

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

如果我将屏幕调整为较小，那么我可以这样做，然后显示HTML元素应该自动缩小以适应屏幕尺寸。

请提出您的建议。

谢谢， 迪帕克

Answer 1

最佳解决方案是使用media queries

使用它们，您可以为不同的设备宽度应用单独的样式，并确保所有页面（和表单）在每个屏幕上看起来都很漂亮。

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

Answer 2

我建议您使用百分比尺寸和box-sizing: border-box;