HTML怎么让网页大小自动适应窗口？

说实话，我以前用过桌中心，非常简单，不精致。
我记得有一次我正在研究旧系统的兼容性，我直接在CSS中编写了width =“9 8 ％”和align =“center”。
嘿，桌子就在中间。
我当时就觉得自己很聪明。
但有趣的是，像table这样的对象的中心取决于视图：table;。
如果将对齐设置为居中，结果是相同的，但有些人认为对齐应该用于表格。

依次使用 div 将其居中。
确定保证金：0 自动；这行代码非常经典。
我有一个使用 div + 百分比宽度进行响应式设计的项目。
起初我一直担心小屏幕上的桌子坏了。
只要将基本宽度设置为合理的值，例如9 8 ％，它就可以适应屏幕，而不会像硬代码那样坚持固定宽度。
老实说，使用百分比是没有压力的，但有一个小问题需要注意——它不会小于内部的固定宽度组件。
我已经践踏了这个罪行。

在谈论页面宽度时，我也听说过1 002 px这个数字。
1 02 4 分辨率是旧日历，谁还在看那些东西？不过我在制作网页时，设置为1 002 像素其实是一种妥协，因为这样就阻止了之前1 02 4 7 6 8 分辨率下的滚动。
不过现在主流显示器都是2 K和4 K，这个技巧没有参考价值，而且比较敏感。

在HTML中怎样全屏轮播图，让图随着窗口的大小自动调整

哎，你说的就像教科书一样，我听不懂。
我给大家讲一下下井的经历。

当时我正在帮助老板建立一个网站。
客户要求轮播的全屏图像，并且窗口大小必须相应调整。
我当时很困惑。
这东西看起来好高级啊
我上网找到了Swiper插件并按照文档进行操作。
先在HTML中介绍一下Swiper的JS和CSS，然后再写轮播、图片、按钮的HTML结构，那家伙啥都有了。

下一步是JS部分。
文档说要跟踪窗口大小的变化，所以我添加了窗口大小。
触发此事件后，我尝试找到窗口的宽度和高度，并根据此信息调整轮播位置。

你猜怎么着？刚修好，车子就卡住了！经过检查，我发现每次窗口大小改变时，我都要重新计算样式。
我该怎么做？电脑卡住了。
客户的电脑还是十年前的旧电脑，电脑卡住的时候比较困难。

后来无奈加了一个定时器。
不是计算每次变化，而是偶尔计算一次。
这样就好多了，至少客户在使用的时候少了一些卡顿。

后来我又发现了一个问题。
有时，当窗口很窄时，旋转木马不完全可见，您必须垂直查看。
我又加了一个判断，缩小时将轮播改为垂直。
这一次，终于完成了。

所以当你做这样的事情时，你不仅应该阅读文档，还应该自己尝试并多思考。
如果当时我没有遇到这么多麻烦，我客户的网站就会崩溃。

html5手机端，如何做到小键盘输入，页面布局不往上顶

HTML5 移动版，键盘弹出不支持布局： 1 .使用rem布局根据屏幕宽度调整元素大小。
2 、JS监听窗口变化，动态改变字体大小。
3 .视口标签，宽度为设备宽度，禁止缩放。
4 、CSS固定定位及防顶、滚动容器处理。
5 .优化JS，隐藏或调整元素位置。
6 .媒体查询适应不同屏幕尺寸。
7 、rem布局和viewport标签必不可少，CSS和JS需要微调。