如何用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。
H5中的长度单位vw和vh
在H5中，vw和vh是用于实现响应式设计的重要长度单位，它们分别代表视口宽度和视口高度的百分比。具体来说，vw单位表示视口宽度的百分比，而v代表viewport，w代表width。因此，1vw等同于视口宽度的1%，它将视口宽度划分为100等份，以此来实现基于屏幕尺寸的响应式布局。
vw/vh：视口宽度和高度的百分比，vw表示视口宽度的1%，vh表示视口高度的1%。这些单位使得元素尺寸能够直接响应视口大小的变化。适配策略：rem适配：通过设置根元素的fontsize，将视口宽度分为若干份，然后根据设计稿的尺寸，将px值转换为rem。
在理解移动端H5适配之前，首先理解CSS中的尺寸单位至关重要。CSS的尺寸单位主要是相对长度单位，它们各自以不同的目标进行相对测量。例如，像素（px）相对于屏幕分辨率，而em、rem则是相对于字体大小。em在不同属性中的参照对象不同，而rem则是相对于HTML根元素的font-size。
https://zhidao.baidu.com/question/1873538555042991667.html
table class=table1/tabletable class=table2/table 接着，添加CSS样式：table { height： 50%；} 这样，两个table将均匀占据页面高度的一半。值得注意的是，为了确保整个页面的高度被正确地划分为两半，可能需要对父元素或body元素的高度进行相应的设置。
我在1024*768的显示分辨率和IE6
1、以1024*768的显示分辨率为例，如果使用固定值，页面大小可能不适合不同设备。而使用百分比，则能适应各种分辨率，确保页面大小与屏幕尺寸匹配。在IE6浏览器中，同样遵循百分比规则制作网页，以确保页面在低版本浏览器中也能正常显示。否则，使用固定值可能导致页面布局混乱。
2、以常见的1024*768分辨率为例，这个分辨率意味着屏幕的宽度为1024像素，高度为768像素。如果使用固定尺寸，那么网页元素在不同设备上的展示效果可能会大相径庭。比如，使用宽度为30像素的元素，在1024*768的分辨率下，这个元素将显得非常小，而在更高分辨率的屏幕上，如2560*1440，它则会变得过大。
3、如果是IE7，按ctrl +或者- ，无级放大或缩小。
