H5中的长度单位vw和vh
在H5中，vw和vh是用于实现响应式设计的重要长度单位，它们分别代表视口宽度和视口高度的百分比。具体来说，vw单位表示视口宽度的百分比，而v代表viewport，w代表width。因此，1vw等同于视口宽度的1%，它将视口宽度划分为100等份，以此来实现基于屏幕尺寸的响应式布局。
在理解移动端H5适配之前，首先理解CSS中的尺寸单位至关重要。CSS的尺寸单位主要是相对长度单位，它们各自以不同的目标进行相对测量。例如，像素（px）相对于屏幕分辨率，而em、rem则是相对于字体大小。em在不同属性中的参照对象不同，而rem则是相对于html根元素的font-size。
我们知道， vh 、 vw 都是 CSS 中的一种相对长度单位， 1vh 表示 viewport 高度的 1%（ vm 同理）。简单来讲，viewport 基本上是指当前文档的可见部分，因此 100vh 表示可见文档的最大高度。
H5页面设计应遵循以下设计规范： 响应式设计 确保页面在不同设备上（如手机、平板、电脑）均能良好显示，使用百分比、视口单位（vw、vh）等布局方法，使页面元素适应不同屏幕尺寸。 视觉设计 色彩：选择合适的色彩搭配，保持整体风格一致，避免过于花哨。
https://zhidao.baidu.com/question/1873538555042991667.html
table class=table1/tabletable class=table2/table 接着，添加CSS样式：table { height： 50%；} 这样，两个table将均匀占据页面高度的一半。值得注意的是，为了确保整个页面的高度被正确地划分为两半，可能需要对父元素或body元素的高度进行相应的设置。
如何用CSS实现DIV的高宽自适应浏览器大小
1、在网页设计中，我们经常需要让元素的宽度和高度根据浏览器窗口大小自适应调整。这可以通过CSS的百分比单位来实现。具体来说，设置的宽度和高度属性为100%，可以让它们跟随浏览器窗口的宽度和高度进行调整。
2、在CSS中，使div自动适应浏览器大小的方法多种多样。其中一种方法是利用vh单位设定div的高度，vh代表视窗高度的百分比，1vh即为视窗高度的1%。若要将一个div的高度设置为视窗高度的一半，可以使用如下CSS代码：.div-class{height：50vh；}。
3、网页的宽度可以通过百分比设定，它会根据屏幕宽度的百分比来确定大小。设置宽度百分比时，首先需要将body的宽度设为100%，这是百分比宽度的参考对象。例如，如果希望将容器的宽度设置为屏幕宽度的50%，则body的宽度应设为100%。实现一屏分为两栏显示，可以使用两个DIV。
4、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。
我在1024*768的显示分辨率和IE6
以1024*768的显示分辨率为例，如果使用固定值，页面大小可能不适合不同设备。而使用百分比，则能适应各种分辨率，确保页面大小与屏幕尺寸匹配。在IE6浏览器中，同样遵循百分比规则制作网页，以确保页面在低版本浏览器中也能正常显示。否则，使用固定值可能导致页面布局混乱。
以常见的1024*768分辨率为例，这个分辨率意味着屏幕的宽度为1024像素，高度为768像素。如果使用固定尺寸，那么网页元素在不同设备上的展示效果可能会大相径庭。比如，使用宽度为30像素的元素，在1024*768的分辨率下，这个元素将显得非常小，而在更高分辨率的屏幕上，如2560*1440，它则会变得过大。
在政府部门的应用场景中，1024*768分辨率的显示器依然广泛存在。这是因为这些机构的程序设计基础要求是支持IE6浏览器，且终端程序自2000年开始便支持这一需求。操作系统以XP为主，设备配置普遍较低，甚至有用户反馈使用内存仅为512的机器。
