css自适应怎么写

1. CSS样式中高度自适应怎么做 CSS+DIV自适应高度布局,底部在底部2008-04-22 10:16ttps://wenwen.sogou.com/login/redirect?url=1%2FDTD%2Fxhtml1-transitional.dtd%22%3E" target="_blank">1/DTD/xhtml1-transitional.dtd">
">
无标题文档
#head { width:100%; text-align:center; background:#FF9400; height:100px; position:absolute; top:0;}
#head_height { height:100px;}
#middle { margin:20px;}
#foot { width:100%; text-align:center; background:#f00; height:60px; position:absolute; bottom:0;}
* html #foot { bottom:-1px;}
#foot_height { height:60px;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
2. 自适应手机屏幕的css样式 怎么写 改添加在哪里 不是随便添加句话就可以自适应手机屏幕的,没这么简单 。如果要自适应手机,是要用到rem单位的,然而rem又要搭配媒体查询来使用 。
例如你的设计稿如果是宽720px的话,那你的文字就要以原始大小除以11.25,例如16px的话就要16/11.25这样来计算 。我的意思是不用像素,用rem,因为px是写死的,rem是可以适应手机端的(包括盒子的宽高都是要以rem来计算) 。另外,用之前要把下面这段代码放到你css文件里:
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px;
}
}
@media only screen and (max-width: 960px) {
html, body {
font-size: 15px;
}
}
@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px;
}
}
@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px;
}
}
@media only screen and (max-width: 640px) {
html, body {
font-size: 10px;
}
}
如果宽是720,就除以它相对应的那个值,如果是宽960,就除以960相对应的那个值,这么说应该可以明白吧 。
纯手打,望采纳~
3. 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%,内容就是自适应了,
4. 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
5. html自适应怎么写(如下图片样式),求,在线等,谢谢 左右自适应两列布局:用到float属性 宽度按百分比设置 。