自适应html怎么写 _自适应

1.html自适应怎么写（如下图片样式）,求,在线等,谢谢左右自适应两列布局：用到float属性宽度按百分比设置。
下图就是在手机中的样子<！DOCTYPE html><meta charset="UTF-8"><style type="text/css">*{margin: 0;padding: 0;}html,body{width: 100%; height: 100%;}#left{width: 60%;height: 100%;float: left;background: red;}#right{height: 100%;width: 40%;float: right;background: wheat;}p{color: white;font-size: 2em;line-height:1.5;font-weight: 800;text-indent: 2em;}</style><body>在建筑科学和环境科学领域，采用了国际先进的IDiDe项目管理模式，构建国际技术联盟，为建筑设计师、空间设计师、产品元素设计师提供跨文化的对话平台。
2.html自适应布局,怎么写,求啊,在线等<div class="all">
<div class="boxall">
<div class="box1"></div>
<div class="box2"></div>
</div>
<div class="box3"></div>
</div>
CSS:
.all{width:100%;height:500px; margin:auto}
.boxall{ width:500px; height:500px; float:left}
.box3{margin-left:500px;height:500px}
在box3里面再写内容，宽度设为100%，内容就是自适应了，
3.html自适应怎么做有高手吗对html布局而言，传统的960px『或者鄙人常用的980px』宽度在大分辨率显示上显示时左右两边则会留下富余的空白空间，当分辨率达到23寸的1920px时传统的980px宽度网页布局则意味着显示器上的一半宽度的位置被闲置。
考虑到17寸非主流脑残显示器依然占有不少的份额，同时为大分辨率显示器做适当的适配，一种网页宽度自适应布局应运而生，宽度自适应仅仅指pc端的宽度自适应。
理论基点：
1、最小尺寸分辨率1024*768（传统17寸显示器），则可以采用940px、960px、或者鄙人常用的980px作为最小宽度
2、1024*768之后稍大的分辨率就是1280*768了，则可以采用1200px或者1220px作为稍大的网页宽度
3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签
4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了
5、宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与适配。
6、宽度自适应为不同宽度显示器写布局元素时常用的css
4.html页面怎么自适应一、自然拉伸
如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时，只要你把表格的宽度属性定义为100%，表格就会根据分辨率的不同自行调整宽度。
二、固定居中
在800*600分辨率下制作的网页在1024*768分辨率的机器上打开，整个网页就会跑到左边；1024*768分辨率的网页在800*600分辨率的机器上有时也会变得"不堪入目" 。两种分辨率各做一个吧？做起来费劲。所以目前普遍采用的方法是固定居中法！
现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主。只要在网页原代码的<body>；后紧加一句<center>,</body>；前加一句</center>；就OK了。不过有几个问题这是要注意一下，第一个要注意的是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770 。如果你的表格宽度设的是百分比，那么使用大于800*600的像素时，网页就会拉宽，这样网页可能会变形。在<body>；中加入leftmargin=0，即<body leftmargin=0>；这种情况下，800*600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。