div自适应分辨率问题
1，首先全屏状态下我的页面是这样的，尺寸也有标注；2，假设三块div区域，绿色，红色，蓝色，我想要的效果是随着浏览器缩小，三块div区域等比缩小，所以我宽度都是用的百分比...
1，首先全屏状态下我的页面是这样的，尺寸也有标注；
2，假设三块div区域， 绿色，红色 ，蓝色 ，我想要的效果是随着浏览器缩小，三块div区域等比缩小，所以我宽度都是用的百分比来设定的，下面是我想要的效果；
3，现在问题来了，绿色div跟蓝色div都会随着浏览器缩小而缩小，偏偏红色div不会随着缩小，所以就变成下面这个样子了；
由上面图可以看出 红蓝区域总长已经超过100%宽度了，主要就是由于红色没变化，所以他的长度已经超过12%宽度了。
不知道要这么改，新手，很多问题要自己琢磨，但是这个今天半天没百度到解决办法，我的代码就是很普通的几块div设定了颜色 大小宽度什么的 没有什么特别的标签。 展开
2，假设三块div区域， 绿色，红色 ，蓝色 ，我想要的效果是随着浏览器缩小，三块div区域等比缩小，所以我宽度都是用的百分比来设定的，下面是我想要的效果；
3，现在问题来了，绿色div跟蓝色div都会随着浏览器缩小而缩小，偏偏红色div不会随着缩小，所以就变成下面这个样子了；
由上面图可以看出 红蓝区域总长已经超过100%宽度了，主要就是由于红色没变化，所以他的长度已经超过12%宽度了。
不知道要这么改，新手，很多问题要自己琢磨，但是这个今天半天没百度到解决办法，我的代码就是很普通的几块div设定了颜色 大小宽度什么的 没有什么特别的标签。 展开
1个回答
展开全部
你用什么浏览器测试的？我这IE9，FF，谷歌都没有问题：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style media="screen" type="text/css">
body { padding:0; margin:0; }
#top { width:100%; height:100px; background:#096 }
#left { width:12%; height:500px; background:#F30; float:left; }
#right { width:88%; height:500px; background:#09F; float:left; }
</style>
</head>
<body>
<div id="top"></div>
<div id="left"></div>
<div id="right"></div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
