我为即将到期的网站类(class)学期元素制作了一个登录屏幕。它看起来不错，一切都很好，但是当我调整浏览器大小时，整个页面都崩溃了。大声笑，一切都相互重叠。
有办法解决吗？是的，我已经有了我的 CSS 百分比，这里那里有几个像素，但我 99% 的 CSS 是 %。
此外，我已经有了 div 部分，其中包括登录表单等...
但即使有这两个(正如我的研究中最建议的那样)，在将浏览器大小调整为较小尺寸时，页面仍然表现不佳。它似乎只适用于我固定大小的当前屏幕。
事实上，我下类把代码带回家，将它加载到我的笔记本电脑上，即使使用完整的浏览器(未调整大小)，这里和那里的一些小方面相互重叠。
如果是这样的话，我会担心当我们必须在学期末展示时，一切都会因不同的分辨率而变得一团糟! :(
提前致谢
最佳答案
你试过 viewport meta 了吗？ http://www.w3schools.com/css/css_rwd_viewport.asp
The viewport is the user's visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.
这是 PC/平板电脑/移动设备上视口(viewport)的最佳(在我的情况下)规则:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
在这里，我将 HTML 设置为设备屏幕宽度，我使用 user-scalable=no 禁用了缩放内容功能，并将 x 轴和 y 轴的比率设置为 1。
关于html - 有没有一种方法可以自动正确调整我的 html/css 网页的大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33083007/